[effess]

Catch Kathmandu Pro: I want to change the hover color for the current menu item in the responsive secondary menu. Can you give me the CSS please?

[Pratik]

Hi @effess,

Can you post in your site url?

[effess]

http://www.rebecca-rosenberg.com/

[Pratik]

Hi @effess,

Try following CSS code in Appearance=> Customize=> Theme Options=> Custom CSS box:

#secondary-menu .sb-options a:hover {
    background-color: #eeeeee;
    color: #ffffff !important;
}

You can change the values of hex colors to ones you like.

Regards,
Pratik

[effess]

No — maybe it’s called the current page. In the responsive menu, the color is white but the hover color is black and it should be white as well. Thanks.

[Pratik]

You can change the hex value of colors to the color you want. This should work.

[effess]

It works on the dropdown menu, but it’s the top item (the name of the current page) that needs changing.

[Pratik]

Oh.. for that try following code:

#masthead .sb-holder a:hover {
    color: #ffffff! important;
    text-decoration: none; /* Remove this line if you want underline on hover */
}

[effess]

Aha! That was it, thanks!

[Pratik]

You are welcome 😀

[Author]

Posts