I have just noticed that on smaller monitors the menu structure is broken...it pushes the "Contact" item onto a second row and the second level menu is also a bit scruffy...see attached picture...whats the best solution?
I am afraid there is not a simple code snippet to change the screen switching width so you will likely have to reduce the number of menu items or organize them in a mega menu.
Hi,
I have just noticed that on smaller monitors the menu structure is broken...it pushes the "Contact" item onto a second row and the second level menu is also a bit scruffy...see attached picture...whats the best solution?
Hey!
header#top nav > ul > li.megamenu ul li a { padding: 8px 0px !important; }
ThemeNectar Support Team
thanks for the reply, i have tried that code, and it does seem to be a bit cleaner, but it still goes wrong as the screen reduces under 1225px
what is the code to switch to the responsive menu when a screen is under that size?
sorry, another screeny attached
Hey!
I am afraid there is not a simple code snippet to change the screen switching width so you will likely have to reduce the number of menu items or organize them in a mega menu.
Best,
-T
ThemeNectar Support Team