Active hover background color on drop down menu

Shapely
1

I changed hover background color of the header drop down menu item to orange. It is working perfectly. But when go to the respective page and check the drop down menu, the current page is selected on the menu but has color grey instead of orange. Not sure how to I change that color?

2

Hi @dgarcia210,

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

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

Kind Regards,
Movin

3

Hi @Movin,

I’ve uploaded a demo content at this URL -
Demo

4

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 -> Shapely Options -> Other

#page .dropdown-menu>.active>a {
    background: orange;
    color: #000;
    opacity: 1;
}