- This topic has 7 replies, 2 voices, and was last updated 6 years ago by
.
I created a mega menu as my header menu. Whenever I hover over it to reveal the sub pages, then try to move my mouse over to click on a sub pages, the mega menu disappears right away. I can’t even click on anything before the mega menu disappears. How do I make the header stay long enough so I can click on the sub pages?
Hi @jeanelleats,
Thank you for your question.
I don’t see any submenu on your shared site.
Could you please create it so that I can troubleshoot the issue?
Best regards,
Shufflehound teamOkay, I’ve created one. Thanks for your help!
Solution for this topic
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-header-4 .sh-nav-container { padding: 0; } #page-container .sh-header-4 .sh-nav > li.menu-item > a { padding-top: 15px; padding-bottom: 15px; max-height: 100%; }That worked! Thanks!
You are most welcome here 🙂
Wait, actually it still doesn’t work well. If you click into another page that isn’t the home page and try the drop-down submenu, it will not stay long enough for me to click!
To resolve that issue please increase “Dropdown Closing Delay” in your theme header settings as shown in the attached screenshots so that you will get effect as displayed on our demo site here https://gillion.shufflehound.com/home/home-3/?header=header-2
