changing the mobile menu breakpoint

cbadventurer

Is it possible to change the breakpoint at which the mobile menu appears? It's currently set to 1240px but I would like to change to 1080px. Thanks!

Pablo

Hello,

You can change the mobile menu breakpoint in the Theme Options > Responsive > Header

Thanks

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

BPMediaWorks

Is there any way to make this breakpoint larger than 1240px? My menu has a lot of items in it and it's getting bumped down to the next line on some smaller screens. 

Bryan

BPMediaWorks

Hey,

there is no option to do that. You will have to shorten your menu or make some submenus.

thanks

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

designerportraits

How do you change the breakpoint when using the headerbuilder

Is there a css approach?

designerportraits

I used the headerbuilder to allow a button to the right of the main menu...

but at 1239 menu breaks to two lines..

can i change the break to 1239px using the header builder?

Currentlly the header builder only defaults to break at 960px.

see here

https://www.studionabil.com.au/

Pablo

Sorry, but it will be possible only with the plugin's files customization.

CSS will not be a good solution of it, because you will have to style a lot of elements and creating it not correctly, will make the responsive look work not fine.

Thanks

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

CaroNostalgia

Hi, Pablo, 

thanks for this information. 

But is there no way to get a really nice working, responsive website with bethemes? It`s 2020! My site looks crap on laptop! 

kind regards. caro

Bryan

Hey,

here is some custom CSS that will help you with that.

.mhb-view.desktop .second-row .mhb-menu .menu > li > a > span {
	padding-right: 25px !important;
	padding-left: 25px !important;
}

Happy 2020!
thanks

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