Menu Items Dropping Below Menu Bar

johngoethert · April 2019

I am trying to find a fix for the words in the menu dropping below the menu bar into transparent area when viewed on small screens like laptops.

Maybe force the menu to the hamburger menu sooner?

Reducing the number of menu items is not possible right now (client dictated).

Screenshot: https://pasteboard.co/Iapr8Dw.png

Staging: http://4b9.2ea.myftpupload.com/

Pablo · April 2019

Hi,

That's because menu items does not have space to fit in the menu wrapper.

You can change the "Mobile breakpoint" in the Theme Options > Responsive > Header

http://prntscr.com/nd1x7t

Maximal value of that option is 1240px

Thanks

johngoethert · April 2019

Could you explain a little more? If I change the number to say 1000px the menu will change to the mobile menu when (something) gets to 1000px?

Also, so I understand the "something"... what is the 1000px in this example? The overall window width? The width of the area of the menu text with logo? The width of the area of the menu text without logo?

Pablo · April 2019

If you set it to 1000px, then when the resolution of screen will be 1000px or smaller, then the mobile menu will appear.

If you have some other questions, feel free to ask.

Thanks

johngoethert · May 2019

Thanks.
Question #2: After reducing the breakpoint, when the menu is "hamburger" it is no longer sticky even though the settings are set to be sticky.
https://pasteboard.co/IfJAGdB.png

Pablo · May 2019

On which website do you see it?

I tested it on http://4b9.2ea.myftpupload.com/ and it works fine.

Thanks

johngoethert · May 2019

It appears to be working now. I guess it takes a while to take effect

.Thanks again,

John

Menu Items Dropping Below Menu Bar

Comments