Menu Color after Sub Menu is Clicked

Good afternoon,

Here is a link to my site. www.rationalrevivals.com

My question is how to change the color of the menu, once a sub menu is clicked. For example when you hover over the menu for investment properties, you then click pensacola - first rental property. Once you get brought to the page, the menu then turns purple. I was wondering how to modify this so that it stays the same color as before. This only happens when a sub menu is clicked. Thanks!!

Alex

Hi Alex,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


.dropdown-menu>.active>a {
    background-color: #000;
}
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {
    background-color: #939c81;
}
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    color: #fff;
}
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle:hover {
    color: #939c81;
}

Best Regards,
Movin

Awesome, thank you so much!!

You are most welcome here :slight_smile:

@Movin,

I added the Custom CSS above, and it fixed how the submenu turns purple when clicked on my desktop menu. However, the submenu still turns purple on my mobile menu.

Is there any Custom CSS that could fix this problem on the mobile theme too?

Thank you so much!

@gold2day Sure i will help you but to help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.