Reply 333327 to: Issue with mega menu – it closes immediately if you want to select a menu item with the mouse.

Avatar: Awais Ahmed
Awais Ahmed
Participant
September 6, 2022 at 06:21

Hello, @PJone,

First of all, you need to understand that, why the issue appears on the site. Please watch this video first: https://streamable.com/p050fb as you can see in this video the issue appears because of the scroll bar when I zoom out of the browser window the scroll bar is gone and the issue resolves automatically without any CSS code or any other efforts. When the mouse comes over the scroll bar the mega menu will be gone. Now, the scroll bar appears because of the menu items are too many. If you want to solve your issue without any custom CSS code then you have to set the menu zoom option as I set it on our site by navigating to the Dashboard >> XSTORE >> Theme Options >> Header Builder >> Secondary Menu then see image: https://postimg.cc/MvQ1K8RZ result will appear like this: https://postimg.cc/k6Htqjgt and second, You can also solve your issue with the help of CSS code

Paste this code at the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global at the bottom of the CSS box. like this: https://postimg.cc/ygmzKJd0

Below is the custom CSS code:

@media(min-width:993px){.et_b_header-menu.et_element-top-level .item-design-mega-menu .nav-sublist-dropdown:not(.nav-sublist){top:35px !important;}}

Now, the choice is yours.

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.