Tagged: boxed layout, Burger Menu, responsive
Hi, how can i set the burger menu to appear (the main navigation menu to disappear/break) at 1295px?
Also, separately, can you tell me how to set the width at which the sides of the page disappear and the page goes full width, when using a Boxed Layout?
Thank you in advance.
Hey HostageMedia,
To activate the burger menu for custom screen width please check “Custom Screen Width” in the below link https://kriesi.at/documentation/enfold/menu/#burgermobile-menu-activation
Change max-width: 1224px to max-width: 1295px in the code.
Please elaborate the 2nd issue with a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Perfect, thanks! The site is linked in private — i’ve used the boxed layout and when you size it down there is a point where the box disappears and the page is full width. Im wondering if i can set where that happens?
Hi,
It happens when the screen width is between 989px and 768px.
media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
max-width: 100%;
}
}
You can adjust the css media query view port values.
Best regards,
Ismael