-
When I click a menu item the primary menu expands and then reverts back. It appears to be fine in MS Edge and Google Chrome. I’ve disabled all plugins (except GP Premium and GenerateBlocks), tried in a Firefox private window, turned off the search modal, disabled the Quote button Element… tried to see if the active links were adding more spacing… so far no joy.
I’m at a bit of a loss now. Can you point me in the right direction? Thank you.
-
Hi there,
Can you try adding this CSS to see if it helps fixing the issue?
@media (min-width: 1025px) { nav#site-navigation { max-width: 878.94px; } } -
Hi, thank you for your help but that seems to push the primary menu on to two lines on click – then it reverts back…
-
Hi there,
looks like a font loading issue.
On initial load the Menu renders with the system font which requires more space then the Karla font that gets loaded and re-rendered later. Causing the quick reflow.You may want to consider loading the fonts locally and only load the variants that are required to improve the font load speed so this shift is not noticeable.
Otherwise you would need to consider the font size change and reduce the Menu Item Width in the Customizer > Layout > Primary Navigation to offset that eg. set it to 14 – 15px
-
I tried adjusting the Menu Item Width without success. Loading the Google fonts locally cracked it though.
Thank you so much for your help.
-
Glad to be of help
- You must be logged in to reply to this topic.