Tagged: Breakpoints, sidebar header
Hi, I have my header in the left sidebar, therefore i cannot set the ‘header mobile menu activation’ to ‘activate for smartphones and tablets’ in the header section. by default the menu changes to mobile at 767px and i want it to change at 989px. whats the easiest way to achieve this?
Hey abuelitovaldez,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 989px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Rikard
thanks for the code-snippet, rikard, it actually solved only a part of the problem, though. the header is still displayed on the side between 989 and 767px and i would like the complete layout switch that happens at the 767px breakpoint to happpen at 989px. i do think the settings for the responsive header should not be greyed out if the header is set as sidebar..