-
Posts
-
My client is testing his site on iPad 3, 1024 screen I believe and the menu is not mobile and needs to be. I’ve seen many references here to change the avia.js file, but in the latest version that code does not seem to be there. I don’t find any instance of the size to change.
I have placed this in the css:
@media only screen and (max-width: 1024px) {
.main_menu, #header_main_alternate{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
#mobile-advanced {display:block;}
}
and it is not making any change. What am I doing wrong?As always, I LOVE this theme and recommend it to every client!
Thank you!
Hi LAHWebDesigns!
Thank you for using Enfold.
Please go to Enfold > Header > Mobile Menu panel. Set the Header Mobile Menu activation to the second option.
Best regards,
IsmaelHi Ismael,
That has been set to the second option. I don’t know if some other adjustment is interfering, but I can’t find it. The site looks great on the latest iPad, but the menu will not collapse on iPad 3. An alternative would be to adjust the menu link spacing I guess.Thank you,
LauraI believe I figured it out! The CSS that shows in Chrome Inspect, to adjust the mobile menu shows like this:
@media only screen and (max-width: 989px)
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}But when I went to the style sheet I saw there were several more lines:
@media only screen and (max-width: 989px)
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}and I just change the max-width to 1024 for my client who has not purchased an ipad in a couple years!
If this throws up a red flag for that it might cause a problem somewhere else, please do tell. Otherwise this is solved.
Thank you all!
- The topic ‘Mobile menu at 1024 for iPad3’ is closed to new replies.