Tagged: iPad, responsive
Hi,
On iPad mini, the menu is overlapping the logo. Please check the URL below and let me know how to fix it.
Thank you
Hi sitesme!
Add this to your custom CSS.
@media screen and (max-width: 1000px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}
Best regards,
Elliott
Thank you Elliott,
This fixed my problem.
Is there a reason why this happens? Is it a bug with Enfold?
Hi!
Great, glad you got it fixed. I wouldn’t say it’s a bug as such but sometimes all content can’t fit nicely into the header. But luckily there is a quick fix for it like Elliott provided you with.
Regards,
Rikard
Thank you Rikard.
Should be there an option to set the minimum width (in px) where the layout should be displayed in responsive?
If I would set 1000 px for example it would make it responsive on iPads (just as an example).
Hey!
Please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/ :)
I am marking this thread as resolved, if you have any other questions or issues, please do not hesitate to start a new one. Have a great weekend!
Best regards,
Yigit