Hamburger menu not appearing unless tapped

Hi,

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(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 1500);
	
	$(window).on("load", function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 500);

                $("body").trigger("click");
	});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,
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,
Mike

Hi,
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,
Mike

Hi,
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,
Mike

Hi,
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,
Mike