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

ios navigation safari

Bill Erickson

Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

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

Let's Talk