Change responsive break point for tablets?

[rekokni]

Hi,

1. Can you advise what is the pixel breakpoint for the normal laptop menu width to change to the burger menu on tablets?
2. How can I change this so that the normal laptop menu stay visible for tablets but only changes to show the burger menu when it changes when the screen width for mobiles?

Thanks.

R.

 

 

 

[Harry]

Hi Rekokni,

1. The pixel break point for normal laptop is 1280px and it show burger menu on tablet when screen resolution is 1024px

2. You mean the navigation still show on tablet? and burger menu button only show on mobile?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rekokni]

Hi Harry,

Thanks for your reply.

> You mean the navigation still show on tablet? and burger menu button only show on mobile?

Yes, exactly.

R.

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 1024px) and (min-width: 801px) {
.hidden-md.visible-sm.jas-col-sm-3.jas-col-xs-3 {
	display: none;
}
.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6, .header-3 .header__mid .jas-row .jas-col-md-2.jas-col-sm-6 {
	flex-basis: 16.666%;
	max-width: 16.666%;
}
.jas-col-md-8.hidden-sm {
	display: block;
}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rekokni]

Thanks, I’ll try this. 🙂

R.

 

[Author]

Posts