Change font color and weight when hover over menu categories

lucasottonephoto

Hi, I'd like to apply changes in the menu in the following website: www.lucasottone.com

So that when you hover over a menu category, the font changes to bold and to a specific color. I've been trying with different CSS with no success. I'd also like for the selected category to stay in bold and colored when you click and open it.

Thank you.

lucasottonephoto

Hi again,

Sorry, I tried to edit the above message as I already found a solution, but a new problem arose:

I've inserted CSS so that the active link of the menu has a yellow background (first screenshot). However, when viewing in mobile responsive, only the letters of the active link have a yellow background (second screenshot), not the whole row, as I'd like to. Is it possible to make the background of the whole row yellow? If it's not possible, would it be possible for the yellow background to appear ONLY when the website is shown in non-responsive mode? I'm using the Interior theme. Thank you!

Phil

Hi,

The CSS for the mobile view should look like this:

#Side_slide li.current-menu-item{
 background-color: #ffefaf !important;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lucasottonephoto

Works perfect, thanks Phil!