Hey. trying tofinud the easy solution… sorry to bother. I need to show the responsive header and hamburger menu earlier… on screen sizes around width of 850px and less. Is there an easy setting in theme options for this?
Hey cece101,
Sorry for the late reply, I was going to suggest this css to change the mobile brake point:
@media only screen and (max-width: 850px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none !important;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block !important;
}
}
But I see that your mobile menu is already starting at 988px and smaller, so I assume you have already found the solution?
Best regards,
Mike
Hi,
I noticed it by testing the site with the Chrome development tools, and testing the different screen sizes. The mobile menu shows until 989px.
This is the css that I see in the dev tools:
@media only screen and (max-width: 989px) and (min-width: 768px)
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
It seems to be coming from your autoptimize plugin:
/wp-content/cache/autoptimize/css/autoptimize_e4bda950b220ef938d9c06d7ba9962d5.css
Try checking your Quick CSS or your theme’s custom.css
Is the mobile brake not working for you?
Best regards,
Mike