Hello,
When using mega menu on my website it is not picking up the advanced saying. The menu items should be in the same font, colors for standard and hover as the main menu and there seems to be some odd spacing issues. Can you please provide your feedback or CSS to accomplish this? Site url below. Thanks!
Any word on this guys?
Hi,
Thank you for using Enfold.
The mega menu elements such as the title are not included in the advanced styling panel so you have to add some css modifications to alter its styling. What specific changes are you trying to implement? If you want to change the color of the mega menu title, please use this.
#top #header .mega_menu_title a {
color: #888888;
font-family: 'Droid Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
Best regards,
Ismael
Thanks guys. That def helped…
Is there a way to set a standard and hover color for this? Also you can see that the bottom line on each menu has some odd spacing. I kind of see what it was programed this way but the client is requesting that on the last line them names be more justified to the left like the above rows. Does that make sense? Thanks again….
Hi,
if you want to apply the code from above for hover then use this code:
#top #header .mega_menu_title a:hover {
color: #888888;
font-family: 'Droid Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
Best regards,
Andy
Awesome, thanks so much.
Last question… Is there a way to control the font size? Appreciate your help!!!!
Hi,
sure, simply add:
font-size: 10px;
Best regards,
Andy