Menu Color after Sub Menu is Clicked on Mobile

@Moving,

I added the Custom CSS from this help topic: https://colorlibsupport.com/t/menu-color-after-sub-menu-is-clicked/. It let me adjust the color of the submenu when it’s clicked on my desktop menu. However, the submenu items still turn purple on my mobile menu when they’re clicked.

Is there any Custom CSS that would let me control of the color on the mobile theme too?

Thank you so much!

Hi @gold2day,

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

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,
Movin

@Moving,

My website URL is www.midlandparkjewelry.com.

Click “PANDORA Jewelry” in the mobile menu, then one of the drop down options like “Rings.” After the page loads, click on “PANDORA Jewelry” again and the current page you’re on, such as “Rings,” will be highlighted in purple. I’d like this color to be black instead.

I hope this helps. Let me know if I can explain further.

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

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
    background: #000;
}

@Movin,

Thank you! This does exactly what I wanted it to.

Have a wonderful day!

You are most welcome here :slight_smile: