I didn’t make any CSS changes to mobile menu, but it looks all messed up – submenu items overlapping the items below them, huge gaps between items, etc. Please help!
Thank you.
Hey goforyourdreams!
Have you recently updated to 2.9.1? When you last did a theme update did you also update any child theme files like the header.php which has been changed/updated with the last version?
If not, re-copy down the header.php file and then make your changes to it manually again so that the new version is available for reference from the theme.
Regards,
Devin
I bought Enfold just 2 weeks ago, on July 23rd, and it was already the latest version 2.9.1.
My child theme doesn’t have header.php, it only has style.css and blank functions.php
Hi!
Your website looks fine on my end – http://i.imgur.com/WnddGhG.png
Have you already figured it out?
Regards,
Yigit
No! The website looks fine on a regular computer, but the MOBILE menu is messed up. Try resizing the browser to the phone size or looking at it on the phone and you’ll see what I mean… Please help – I’m not able to show the website to my client because of this issue!
Thanks in advance.
Hey!
You have following custom CSS code added
.sub-menu {
top: 92px !important;
border-top-width: medium !important;
}
Please change it to
@media only screen and (min-width: 990px) {
.sub-menu { top: 92px !important; border-top-width: medium !important; }}
Best regards,
Yigit
Thank you so much, I really appreciate it! The menu is now fixed!