How to change the menu responsive breakpoint

bestproservice

Hello,

How can I change the breakpoint for the menu? some resolutions like 1330xsome number do not display the menu well.

The menu goes over the text. so I wanted to know how can I edit so for certain resolutions the menu will look different . Can I use the css code media screen? if yes then which class or id do I need to target? If I can do it through the betheme dashboard please let me know.

for mobile screens there is the hamburger menu which is fine and for high resolutions screens it looks ok.

Its just for the smaller laptop screens that the menu doesn't look good.

the site

https://www.championsgaragedoorrepair.com/

Thanks

Pablo

Hello,

The only place where you can change the mobile menu breakpoint is in the Theme Options > Responsive > Header

http://prntscr.com/qr7f8k

Bigger breakpoint is not available.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bestproservice

Doesnt seem reasonable.

Cant i create a CSS rule? We have visitors with screen sizes of 1300 which doesnt look good.

Pablo

It will be a lot of work, because you would have to catch a lot of elements to change the behavior while breakpoint - we suggest not to do it.

You can use the Muffin Header Builder to create header, which will be different for mobile, tablet and desktop, but the breakpoint will not be able to change anyway.

Check this topic:

https://forum.muffingroup.com/betheme/discussion/42065/the-betheme-header-builder-plugin#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next