changing the mobile menu breakpoint

cbadventurer · November 2019

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 · November 2019

Hello,

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

Thanks

BPMediaWorks · November 2019

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 · November 2019

BPMediaWorks

Hey,

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

thanks

designerportraits · November 2019

How do you change the breakpoint when using the headerbuilder

Is there a css approach?

designerportraits · November 2019

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 · December 2019

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

CaroNostalgia · January 2020

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 · January 2020

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

changing the mobile menu breakpoint

Comments

This website uses cookies