Hey there Enfold team!
I’m having a small issue with my mega menu. I noticed that the hover effect disappears after a few clicks. The links still work, but the gray hover menu is gone. Please see screenshots below.
Also, the “Display submenu items on click” doesn’t seem to work on mobile.
Hope you can help. Thank you so much!
On first click, there’s a gray hover effect
https://prnt.sc/gw5890
When you go back to the menu after two or three clicks, the gray hover effect is gone
http://prntscr.com/gw58lp
Hey hackoffseries,
Thank you for using Enfold.
Please don’t use br tags inside the menu label. Use css if you want to move the menu item downwards. For the hover effect, you can use this css code.
#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
background: gray;
}
The mobile menu is working properly but your menu structure is a bit complex.
Best regards,
Ismael
Hey Ismael!
The code works perfectly!
Thank you for the tip on the br tags. Can you help with the CSS code for moving the menu items downward under the About and Services menu?
Thank you! :)