Change font color and weight when hover over menu categories
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.
Comments
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!
Hi,
The CSS for the mobile view should look like this:
#Side_slide li.current-menu-item{ background-color: #ffefaf !important; }Best regards
Works perfect, thanks Phil!