I tried to find this in other threads but no luck. I just want to know the CSS to alter the color of the selected menu item so that it differentiates from the other items. Is this an option in the “advanced styling” section of the theme? It wasn’t obvious to me if it was or not.
Also, is there a way to scale the font on hover or when selected?
Thanks
Corey
Hey G4Design,
Could you please give us a link to your website, we need more context to be able to help you.
It is not really good to increase the font on hover, it will make the menu item jump and it’s not the best experience for the users.
Best regards,
Victoria
No problem with increasing font, but the text color change would be nice. I just need them to look and feel more like clickable buttons rather than static text.
The site is not live, its in development. If you know how to add a host file on your PC you can use this info:
173.236.100.90 http://www.chbullindustrialstairsolutions.com chbullindustrialstairsolutions.com
page url: http://chbullindustrialstairsolutions.com/request-a-quote/
Hi G4Design,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-subnav-menu li:hover a {
color: #444;
font-size: 20px;
}
I added the font-size rule for you so that you can see if the jumping menu is ok for you or not. You can remove it if you don’t need it.
If you need further assistance please let us know.
Best regards,
Victoria
This is what I needed. Thanks so much, Victoria!
Corey
Hi Corey,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria