Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #1411801

    I am having an issue with the hamburger menu not appearing on PageLoad on mobile devices.
    One tap on the screen and it reappears – it doe not apepar on initial pageload. Any ideas what’s wrong? I am tearing my hair out (and I don’t have much anyway!).
    Site: – only affects mobile devices
    Many thanks


    Hi Ed,

    Please try the following in Quick CSS under Enfold->General Styling:

    .main_menu {
      z-index: 99999 !important;

    Best regards,


    Hi Rikard
    Thank you for your help. I have tried that but it’s not working. Mobile behaviour is still the same. All caches flushed, CDN purged, Cloudflare purged, browsers emptied etc…

    You have to touch the screen or pull down to refresh before the hamburger menu icon appears….
    Anything else perhaps?


    What’s curious is, if you go here on your mobile:
    The tap the screen the images shrink a little… so is it an animation conflict somewehre?
    Every page is affected. A single touch brings it back – very odd?

    • This reply was modified 5 months, 2 weeks ago by Swarez.


    Thank you for the update.

    Have you made any modifications to the template files such as “header.php” or “helper-main-menu.php”? It is also possible that the issue is caused by a plugin or one of its options, such as script compression.

    To temporarily resolve the issue, please try adding the following code to the functions.php file.

    add_action('wp_footer', 'ava_auto_resize');
    function ava_auto_resize(){
    	var int = window.setInterval(function(){
    	}, 1500);
    	$(window).on("load", function () {	
    		setTimeout(function() {
    		}, 500);

    Best regards,


    Hi Ismael
    Thank you for the updates. I have tried what you suggested but sadly it hasn’t resolved the issue.
    I have removed Wp Rocket and the issue remains – so can’t be a caching or minification problem. I can also eliminate the CDN delivering wrong file versions as this was triggered inside Wp Rocket.

    I have deleted old CSS and JS files from Enfold Performance tab too.
    I have not made any changes to “header.php” or “helper-main-menu.php’.

    Interestingly though, if it helps, I only now have this problem since switching to a menu underneath the logo (centered). Previosuly I had a left logo with a smaller, right handed menu. Could this swap be causing an issue?
    Would appreciate your help again please… this is bewildering to me.
    Everything else was fine (with WpRocket running alongside all the other plugins) – this error only occured when i switched header menu layouts.

    I will leave off WPRocket today if that makes life a bit easier. Will post logins in the private area in case someone needs them.
    Many thanks

    • This reply was modified 5 months, 2 weeks ago by Swarez.

    Thank you for your patience, I checked your mobile menu on my Android device and it showed for me and opened when I clicked it, I assume the Ismael’s script above is enabled but I couldn’t get past the QR code when I logged in to your site.
    I’m not sure what would cause the error you were seeing before Ismael’s script as I have not seen any issues like this before.
    Do you have a current staging site that we could investigate with?

    Best regards,


    Hi Mike
    Thanks for coming back to me.
    I have re-activated WP Rocket and removed the Authenticator QR code for logging in to the site.
    Historically, having WP Rocket enabled never caused the issue with the hamburger menu – it was only when I changed the layout that I encountered this issue. I was still having it when I used Ismael’s code.
    Now that WP Rocket is back on the problem has returned.
    Nothing else I can see has changed from when it WAS working correctly – only the Enfold header layout change I mentioned above.
    Thanks for looking into this for me.
    All the best


    Thanks for the login, I tested changing the header as you had before, logo left, menu right and the issue was not there anymore and then changing it back to logo center menu below caused the issue again.
    I tried testing on my site but couldn’t reproduce the issue, and I don’t see any reason why this header change would cause the issue.
    I have asked the rest of the team for advice, thank you for your patience.

    Best regards,


    Okay Mike, thank you for looking in to this.
    I shall hope to hear back from you very soon when the Dev team come back with a solution
    Kind regards


    Thank you for your patience, unfortunately I have not received any advice from the team so I did some more digging and I found that when the logo center menu below header option is used a header_main_alternate is created along with a second burger menu on page load:
    I also noticed that if you wait long enough without interacting with your site on mobile the burger menu will show, so I thought that the issue was the delay of your javascript by your WP Rocket plugin, so I used the One-click exclusion option to exclude the theme javascript:
    and cleared your cache and my browser cache and now the burger menu shows for me on my Android device and in my browser Dev Tools emulating a mobile device.
    Please give this a try and please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,


    Hi Mike
    Thank you (as always) for taking the time an dtrouble to help me. I apologise for the lateness of my reply.
    Thank you – that all seems to be working now. I appreciate your help once again!
    Have a great day
    All the best


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hamburger menu not appearing unless tapped’ is closed to new replies.