jQuery(document).ready(function($){ //if you change this breakpoint in the style.css file (or _layout.scss if you use SASS), don't forget to update this value as well var MQL = 1170; //open/close primary navigation $('.Header_Login').on('click', function(){ if( $("nav").css("display") == "none" && $(".navwow").css("display","none") ){ //in firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden if( $('.cd-primary-nav').hasClass('is-visible') ) { $('.cd-primary-nav').removeClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){ $('body').removeClass('overflow-hidden'); }); $(".Header_Login > button").removeClass("fi-x"); $(".Header_Login > button").addClass("fi-list"); } else { $('.cd-primary-nav').addClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){ $('body').addClass('overflow-hidden'); $(".Header_Login > button").removeClass("fi-list"); $(".Header_Login > button").addClass("fi-x"); }); } }else{ location.href= ("login.html"); } }); });