I don't know whats happening but waypoint js is not triggering until I release my finger on screen in Ipad. In iphone its just fine. but in Ipad the animation is not running until I release my finger in screen.
$('div.fullwidthgrid').waypoint(function(direction) {
if (direction === 'down') {
$("img#logo").animate({
left: $("div.head-wid").width() / 2 - 28
}, 100);
$('img#logo').css('position', 'relative');
$('.menu-mobile-btn').css("visibility", "visible");
$('#main-header').css('width', '100%');
$('.logo-titl').addClass('logo-title2');
$('span#burger-red').addClass('filter-menu3');
$('span#burger-red').removeClass('filter-menu');
$('span#burger-red').removeClass('filter-menu2');
$('p#mobmenu').addClass('menu-mobil2');
$('p#mobmenu').removeClass('menu-mobil');
} else {
$('.menu-mobile-btn').css("visibility", "hidden");
$("#logo").animate({
left: 0
}, 0);
$('#logo').css("position", "relative");
$('.tick-udp').removeClass('center-u');
$('.logo-titl').removeClass('logo-title2');
$('span#burger-red').addClass('filter-menu');
$('span#burger-red').removeClass('filter-menu3');
$('p#mobmenu').addClass('menu-mobil');
$('p#mobmenu').removeClass('menu-mobil2');
}
}, {
context:".et-fixed-header"
});