Tagged: mobile menu
Hi,
I’ve had a few problems after updating WordPress a few months ago, so since then I haven’t made another update…
I’d like to be able to update again so maybe you can help me solve 2 problems:
1. My mobile footer menu items are not showing after WordPress update
2. My normal mobile menu shows up white with no text in it.
Currently my header mobile menu is working because I reversed the WordPress update, but the footer menu is not working.
Thanks,
Lisa
Hey Lisa,
Thanks for contacting us!
1- You have following code in Quick CSS field which hides menu on screens below 900px
@media only screen and (max-width: 900px) {
.menu-item {
display: none;
}
}
Removing it would display footer menu on mobile. If you let us know why added that code, we could be able to offer an alternative solution :)
2- You are currently using an older version of Enfold. Please update Enfold to the latest version 4.8.2 and that would fix mobile menu issue.
Best regards,
Yigit
Hi Yigit,
I added that code so my menu items wouldn’t overlap my logo on smaller screens…
But I’ve changed the code to this ( so it only addresses the header) :
@media only screen and (max-width: 900px) {
div.inner-container.menu-item {
display: none;
}
And that worked.
I’ll try to update to the latest Enfold version and hopefully mobile menu works fine now.
Thanks,
Lisa
Hi Lisa,
1- I see. You can use the code as following as well so it would only target menu items in header
@media only screen and (max-width: 900px) {
#header .menu-item {
display: none;
}
}
2- Please do so and let us know if you need further assistance :)
Best regards,
Yigit
Yes, i changed it to that and it worked.
Thanks!
You can close this thread.
Lisa
Hi Lisa,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko