2 hamburger menus

  • sabrinaduda

    (@sabrinaduda)


    1 week, 3 days ago

    Using Twenty Twenty-Five with Max Mega Menu, two hamburger icons briefly appear on page load on mobile devices. After JavaScript initializes, one disappears. Max Mega Menu is enabled only for the Header location. Clearing caches, adjusting breakpoints, and changing Mobile Toggle settings did not resolve the issue.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support megatom

    (@megatom)

    1 week ago

    Hi Sabrina,

    The issue is due to the way CSS is being cached. Usually the CSS loads first, then the page HTML. On your site it looks like the html is loaded first and then the CSS.

    You could try this CSS:

    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:has(+ .mega-no-js) .mega-toggle-block-1 button.mega-toggle-standard {
        display: none;
    }

    I’m not sure if it will work, so failing that please try excluding the wp-content/uploads/maxmegamenu/style.css file from being cached.

    Switching the standard menu toggle block to the animated toggle block might also work around the issue.

    Regards,
    Tom

    Thread Starter sabrinaduda

    (@sabrinaduda)

    1 week ago

    Hi Tom!

    Thank you so much for exploring my problem!

    With your help, hinting to a cache problem, it is solved now!

    I regenerated the Critical CSS in Jetpack –  Boost and now the bug is fixed!

    And I also use the animated hamburger menu, is nicer and works better!

    Big thank you!!!

    Sabrina

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

You must be logged in to reply to this topic.