My menu goes into multiple lines when the screen is minimized, or viewed on a smaller resolution device. i want the menu to always be on the same line to not affect the mega menu hover effect. i have tried multiple solutions i have found online, but they either make the mega menu content disappear before being able to move the mouse to the content, or they do not work at all.
The nav is fine at small sizes, it’s the inbetween responsive styles wrapping between desktop and tablet sizes.
To fix this you need to either remove items from the menu, or lower the amount of characters in the menu items.
Or customize the themes breakpoints to change between horizontal-menu and hamburger menu at higher screen sizes.
With research there might be existing posts on that third option
If you need this customization fixed then contact me by my email for services. Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Small screen sizes turn into a hamburger menu with fly down panel