I would like for the menu hover and selected menu items to be bold. I see how to change the background color for hover, and the font size for all menu items, but I do not see how to do what I am trying to do.
This is great! Is there a way to stop the menu items from moving when hovering with the bold font? (i.e. when you hover because of bold text, other menu items slide to left slightly)
Hey Again, Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top .sf-menu li ul li a:hover {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
You custom css is causing the issue. Also try increasing your font size in Typography Section of Salient Theme Options if you want to make it bolder. Please remove this custom css: http://prntscr.com/amd9ht .
I would like for the menu hover and selected menu items to be bold. I see how to change the background color for hover, and the font size for all menu items, but I do not see how to do what I am trying to do.
Thank you,
Steven
Hey ,
body header#top nav > ul > li > a:hover , body header#top nav .sf-menu > li.current-menu-item > a { font-weight: 700; }
Best.
ThemeNectar Support Team
This is great! Is there a way to stop the menu items from moving when hovering with the bold font? (i.e. when you hover because of bold text, other menu items slide to left slightly)
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top .sf-menu li ul li a:hover { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }This should help smooth it out.
Best.
ThemeNectar Support Team
Unfortunately this doesn't seem to change the behaviour....
Please see our website top navigation menu for an example: http://magentaaudio.com.au
Thanks again for the help
Hey Again,
You custom css is causing the issue. Also try increasing your font size in Typography Section of Salient Theme Options if you want to make it bolder. Please remove this custom css: http://prntscr.com/amd9ht .
Best.
ThemeNectar Support Team