jQuery(function($){ $(window).scroll(function() { if ($(document).scrollTop() > 50) { $('#section-padding').addClass('reduce-section-padding'); $('#row-width').addClass('increase-row-width'); } else { $('#section-padding').removeClass('reduce-section-padding'); $('#section-padding').addClass('slow-transition'); $('#row-width').removeClass('increase-row-width'); $('#row-width').addClass('slow-transition'); } }); }); .reduce-section-padding { transition: all 0.9s ease-out 0s; margin-top: -8px; padding-top: 0px !important; box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3); } .increase-row-width { transition: all 0.9s ease-out 0s; width: 100% !important; } .increase-row-width .et_pb_menu__logo img { transition: all 0.9s ease-out 0s; max-width: 80%; } .slow-transition { transition: all 0.9s ease-out 0s; } .slow-transition .et_pb_menu__logo img { transition: all 0.9s ease-out 0s; } #main-content { margin-top: 5vw; }