One of the pages on my site has an IFRAME code inside the page content. The menu looks fine on the regular computer, but MOBILE menu disappears on that page. When you resize the browser to the small mobile size or look at it on the phone, there is mobile menu on all the pages EXCEPT that page with an IFRAME. The page looks fine, except it doesn’t have a mobile menu! Please help.
Hey goforyourdreams!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#advanced_menu_toggle, #advanced_menu_hide { display: block !important; }}
Regards,
Yigit
After I added the code, the mobile menu ICON shows up on that page, but when I click on it, nothing happens (the menu doesn’t open).
Hey!
Thank you for the info.
Did you copy any files like header.php or any other files on your child theme folder? Please get the new files on the parent folder then replace the old one.
Regards,
Ismael
No, my child theme folder doesn’t have header.php. I have the latest version of Enfold 2.9.1 that I purchased on July 23. The only files my child theme has is style.css and a blank functions.php
I fixed it! I moved the IFRAME code inside the “Code Block” element in Avia Layout Builder (before it was in the HTML code box of the Default Editor), and the mobile menu on that page now works.