Hey, guys!
Trying to figure out how to get a site with left column header to switch to mobile layout sooner. We have a page with 3 columns in it and it gets VERY compressed on a tablet in either orientation.
We have used this code in the past for site using top header but not working in this instance:
@media only screen and (max-width: 1024px) {
.av-burger-menu-main {
display: block!important;
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}}
Any suggestions? Link to page I refer to is included.
Same question here !
FYI, my “Menu Items for mobile” in the “Main Menu” tab is set to “smartphone and tablet (990px)”…
Hi,
Please go to Enfold > Mobile Menu panel then look for the Header Mobile Menu activation. Choose the second option.
Best regards,
Basilis
Hey Basilis,
Not sure what you’re saying? There is no first level Mobile Menu panel in Enfold’s set up page…
The only thing I see with the mention of “Mobile menu” is Enfold > Main Menu > General (tab) > Menu Items for mobile. I’ve activated this option to “Smartphones AND Tablet (990px).
But it’s still not working on tablet with 1024px width. FYI, it is working on smaller screen, like cellphones.
Thanks.
Hi,
Thanks for the feedback and sorry for the problems. We’ve just released a new version of the theme, could you try updating the theme to the latest version (4.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Rikard