Tagged: enfold, mega menu, responsive
Hello – this is my first post, so please, be gentle.
I have built a site using Enfold and while testing it on mobile, the mega menu doesn’t seem to be displaying any text. See site in private content.
Any help is greatly appreciated.
– Alex
Hey Alex,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#mobile-advanced .mega_menu_title {
color: #FFFFFF !important;
}
Best regards,
Jordan
Hi Jordan
Thanks for the reply.
I have added the code in both places and it hasn’t worked. Do you have another suggestion?
Many thanks
Alex
Hi,
You have this css code which applies the color #00000 to the mega menu title:
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: #000000;
border-color: #cccccc;
}
Place it inside a css media query:
@media only screen and (min-width: 989px) {
/* Add your Desktop Styles here */
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: #000000;
border-color: #cccccc;
}
}
Best regards,
Ismael