Hello there,
We changed the menu font by applying in with a CSS tweak :
ul.sf-menu > li > a {
font-family: Roboto;
font-size: 16px;
font-weight: 300;
}
It works quite well but when scrolling down, the “sticky menu shows up” but with the same font at a different font weight (something like 100). When scrolling back to top, the menu doesn’t revert to the previous style but keeps this weird setting.
How can we get the menu to keep the same font-weight in any situation ?
Thanks for your help !
I’ve tested a little further and here’s the result :
– if applying a “bold” font-weight to the “affix class menu”, the sticky menu keeps this weight, but the “original menu” steel changes to a font-weight never defined !
Hello,
You do not need to use css to change the header menu font family and weight as there are options for it in the theme panel: http://screencast.com/t/7SSenCl0MR9 and the bold font weight will be the same for the menu and the sticky menu if you set the font from the panel.
Thank you!
That’s right, but with the theme panel I can only choose between bold and regular. My font (Roboto) can have weights like 100, 300, 400, 500 or 700.
I’d like to apply the “300” for the menu so I believe this can only be made through CSS. I found the way but the behavior’s strange.
I noticed the “bad effect” appears also when hovering menus with dropdown items – not with regular ones.
I removed every customization and set all this again, with no luck…
Hello,
There truly is no option in the theme to select each of these weights. You will have to add the font from the theme panel and add the weight in css. Please provide a link to your website so we can inspect this issue.
Thank you!
Is there a way to give the link in private ?
Hello,
Please send an email at contact@tagdiv.com with your address and provide a link to this topic so we can identify you easier.
Thank you!
