• The mega menu of my website is too thin but only on the first hover after loading the page, then it is correct on second hover. It seems to be loading the set menu width and not overriding that with the full width until the second hover. Can you help? Linked my website, and hover over orange button, “shop templates”

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello @tlm88068,

    It seems it’s a cache issue because I can see all assets that are related to loading completely of the mega menu is the latest assets on the page (I mean the priority of loading assets, it is the latest thing).

    For troubleshooting, please do the following steps and let me know the results:

    1- Head over to WP Dashboard > Plugin.
    2- Deactivate all plugins.
    3- Then, first activate the Ocean Extra plugin.
    4- Check your issue.
    5- Then, activate your plugins one by one
    6- After activation of any plugins, check your issue

    Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

    Also, if you are using Elementor, please don’t forget to click on the regenerate all assets file and data in Elementor > Tools.

    Best Regards

    Thread Starter tlm88068

    (@tlm88068)

    Thanks! I gave all that a try, and it still is doing the same thing ?? I am using WP Rocket and cleared the cache many times and tried in an incognito tab to no avail. I also regenerated the elementor files. Same issue.

    Hello @tlm88068,

    If you add a preloader to the website, then this issue will never happen but for now, perhaps this CSS could help:

    #wrap .dropdown-menu .sub-menu {
        min-width: 100% !important;
    }

    Note: it seems this code is in the customizer section, if yes, please remove it and recheck the issue, if it happened again, then add the above CSS: .dropdown-menu .sub-menu{min-width:500px} Please check these screenshots: https://postimg.cc/gallery/wsRZkLR

    I hope that helps,
    Best Regards

    • This reply was modified 2 years, 7 months ago by Shahin.
    Thread Starter tlm88068

    (@tlm88068)

    Thanks! Unfortunately, no luck still. I checked the customizer and there was no code in there for the min width 500, it was in the customizer itself under menus and dropdown width in OceanWP settings, and it can not go any greater than 500px. I tried changing it to see, and nothing changed. I added the CSS with no change either.

    Is there a setting to add a preloader to the cache plugin WPRocket? Is that causing the issue? Unfortunately won’t be able to use this unless it can be fixed ??

    Hello @tlm88068,

    I fully examined the issue you have raised on this topic; This issue does not happen on all the websites, but the condition that it’s happening is when all assets are not loaded completely.

    So to check the issue, please make sure your website is completely loaded, then check your issue(when the spinning icon on the browser tab is stopped). However, this topic is forwarded to the developer team, and it will be checked and improved for the next updates.

    Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘MegaMenu not showing on first hover’ is closed to new replies.