Tagged: Ipad Menu, mobile menu
I have recently updated my website to Enfold 3.0.8 and have noticed that on mobile devices (iPhone and iPad), the menu items display to the right of the mobile website.
I have tried changing the options in the theme’s mobile menu set up, but that hasn’t made any difference.
Please see below for a screenshot from my iPhone.
Your help would be greatly appreciated.
Cheers
Ivana
Hi Ivana!
Add this to your custom CSS.
@media only screen and (max-width: 767px){
.responsive.html_header_sidebar #top {
position: relative;
}
}
Regards,
Elliott
Thanks for your quick response Elliott. Unfortunately that did not solve the problem – the menu still appears beside the mobile website as per the screenshot.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) {
#wrap_all {
position: relative !important;
}}
Issue will be fixed on upcoming update.
Best regards,
Yigit
Excellent. Thank you Yigit, that fixed the problem and I will update the theme once the new version becomes available.
Your extremely fast response is greatly appreciated.
Cheers
Ivana