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.
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.