Airi Pro Top Nav Indicator "Dot" and Drop Down Menu Color

Hello! Working on a site using Airi Pro, Lawyer theme. How do I:

  1. Remove the dot “indicator” under the active page in the top nav?
  2. Change the color of the active link to indicate the active page instead.
  3. Remove the dot “indicator” under a top nav link on hover?
  4. Change the background color of the drop down menu from the red-orange it is now to white?

Site link: https://bit.ly/3ilInaF

I’ve tried a number of CSS fixes, but have been unsuccessful.

Thanks!
Rachel

Hello Rachel,

How do I:

  1. Remove the dot “indicator” under the active page in the top nav?
  2. Change the color of the active link to indicate the active page instead.
  3. Remove the dot “indicator” under a top nav link on hover?
  4. Change the background color of the drop down menu from the red-orange it is now to white?

You can try to add this CSS code in the Customize → Additional CSS section:

.main-navigation #primary-menu .current-menu-item:after,
.main-navigation #primary-menu a:hover:after {
    display: none;
}

#site-navigation ul ul li {
    background-color: #fff;
}

How do I:

  1. Remove the dot “indicator” under the active page in the top nav?
  2. Change the color of the active link to indicate the active page instead.
  3. Remove the dot “indicator” under a top nav link on hover?
  4. Change the background color of the drop down menu from the red-orange it is now to white?

Please create a new topic for your second issue in order to make it easier to help you.

Kind Regards, Roman.
aThemes Support

Hi @roman,

Thank you the dots are gone! :slight_smile:

Now how do I change the background color of the drop down menu from the red-orange it is now to white and the text to black?

Thanks!
Rachel

Hello Rachel,

Now how do I change the background color of the drop down menu from the red-orange it is now to white and the text to black?

The code that I posted above should handle this, I tried to apply it on your website with browser tools. Do you have some problems with it?

Kind Regards, Roman.
aThemes Support

Hi @roman:

The dots are gone but the background of the dropdown menu is still red. I would like it to be white.

Help?
Thanks!
Rachel

Hello Rachel, and thank you for the screenshot.

Try to change the Submenu background color in the Customize → Colors → Header section.

Kind Regards, Roman.
aThemes Support

Thank you!! :slight_smile:

1 Like

You are welcome Rachel! :slight_smile:

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.
aThemes Support