Hide mobile navigation when clicking back in Safari

Written by Bill EricksonPublished on January 28, 2016Updated on December 5, 2018

	jQuery(function($){

	// Display mobile menu
	$('.mobile-menu-toggle').click(function(e){
	e.preventDefault();
	$('.site-header').toggleClass('mobile-menu-active');
	$(this).find('span').toggleClass('hidden');
	});

	// Hide mobile menu when clicking back in iOS
	// @link: http://www.billerickson.net/code/safari-back-hide-mobile-nav
	$(window).bind("pageshow", function(event) {
	if (event.originalEvent.persisted) {
	$('.site-header').removeClass('mobile-menu-active');
	$('.mobile-menu-toggle .open').removeClass('hidden');
	$('.mobile-menu-toggle .close').addClass('hidden');
	}
	});


	});

view raw global.js hosted with ❤ by GitHub

Bill Erickson is the co-founder and lead developer at CultivateWP, a WordPress agency focusing on high performance sites for web publishers.

I build custom WordPress websites that look great and are easy to manage.