standard menu to hamburger

[Jan Petrus]

Hi,

i´d like to change width, when should be standard menu changed to mobile version ( hamburger )

fe by screen 1024 width is there still normal menu, but the design is broken and i need to change it to mobile version menu.

Home

Ipad pro ( 1024 x 1366 ) design is broken because of more items in the menu

Thank you Jan

[themearile]

Hi Jan Petrus

Please take a look at the screenshot and let us know are you want to like the https://prnt.sc/10u4ngi screenshot.

If you want to like the screenshot then we can provide you the custom CSS code.

But if you want the mobile menu in 1024 size then we need much code customization in the theme so this is out of the scope of our theme support.

Thanks

[Jan Petrus]

Thanks, not bad, but i think it will be better to use already mobile menu ( hamburger ) is it possible?

If not send me please CSS code

With Best Regards

Jan

[themearile]

Hi Jan Petrus

Ok please add the below CSS code in the Additional CSS box to display like the above screenshot.

Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (min-width: 992px) and (max-width: 1024px) {
.navbar .row.align-self-center .align-self-center {
display: inline-block;
float: left;
width: 30%;
}
.navbar-light .navbar-brand img {
width: 200px;
height: auto;
}
.navbar-expand-lg .navbar-collapse {
width: 70%;
}
.navbar .nav {
margin-bottom: 1.438rem;
margin-top: 1.438rem;
float: right;
width: 100%;
}
}

Let us know if it works.

Thanks

[Jan Petrus]

Thank you fo much, it works 😉

With Best Regards

Jan

[Author]

Posts