Hide mobile navigation when clicking back in Safari

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

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

About Me
Ready to upgrade your website?

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

Let's Talk