Flickering mega menus

  • Resolved Artan

    (@artankrasniqi1988)


    1 year, 2 months ago

    Hi,

    I′m trying to solve this issue since a long time. I want to stop this transition / flickering of the mega menus when hovering to next main menu point.

    Everytime the mega menus seem to have a certain transition of opacity or something that make them flickering on change. Also they are double “flickering” when changing fast from first main menu point to next one and then go back fast to first one.

    I would be nice to avoid this. But I can′t disable it via CSS I already tried. Seems to be in JavaScript or something else. As we have people with epilepsy we need to get rid of this. This behavior is the same on another website I already built so that is a standard behavior I guess.

    Contacted support via Mail few times. Sadly nothing happens ??

    Any idea?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @artankrasniqi1988,

    We need to know the steps to replicate.
    Would you please provide us with some screenshots or short video + live URL, and images of the errors you faced step by step?

    You can upload your files to one of the following online services:
    https://postimages.org
    https://imgbb.com
    https://loom.com
    https://drive.google.com
    https://wetransfer.com
    https://.dropbox.com

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

    0. Enable the primary theme(if you are using a child theme).
    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 1: You can try troubleshooting on the staging website/or on a fresh installation.

    Note 2: 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, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    Please keep us posted.
    Best Regards

    Thread Starter Artan

    (@artankrasniqi1988)

    Hi,

    thx I solved it myself. There is somewhere, in a script I think, a transition of opacity from 0 to 1 which causes this bad user experience flickering. This is a theme style I think as this happens also at another OceanWP Page I built.

    I forced opacity to be always 1 with:

    .megamenu {
opacity: 1 !important;
}

    This causes that the mega menus will appear and disappear instantly when hovering to next main menu points. No annoying transitions anymore.

    But still thx.

    I’m glad that you were able to resolve that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Flickering mega menus’ is closed to new replies.