Я уже выкинул лишнее

Но щас какой то трэш происходит)

Черная тень догоняет)

Хотя бы уже работает)

Осталось отдебажить

Такой вопрос, написал скрипт типа toggle(), показать/скрыть:

if($(".catalogue__sidebar").is(":visible")) {
   $(this).text("Показать Фильтр")
   $(".catalogue__sidebar").parent().hide();
   $(".catalogue__content").parent(".col-md-9").removeClass("col-md-9").addClass("col-md-12");
   $("body").css({ overflow: "visible", width: "inherit" });
 } else {
   $(this).text("Скрыть Фильтр")
   $(".catalogue__sidebar").parent().show();
   $(".catalogue__content").parent(".col-md-12").removeClass("col-md-12").addClass("col-md-9");
   $("body").css({ overflow: "visible", width: "inherit" });
 }

При нажатии "скрыть" у меня картинки остаются зафиксированными.
Как мне обновить их положение (width)? P.S стоит Slick и я с ним не работал.

В итоге получается вот так

А должно быть так.

Когда открываю например консоль с браузера, сдвигается все автоматом и становится на свои места. Надеюсь я верно изложил свою мысль, заранее спасибо.

возможно тебе нужно его рефрешить (сам сталкивался с такой проблемой), $(твой слайдер).slick('refresh');

Кто может помочь интегрировать ajax в штатный фильтр на сайте?

неверно указал слайдер

это указал

получилось!

спасибо!

Ребята, использую вот такой код для плавного перехода к якорям:
$(document).on('click', 'a[href^="#"]', function (event) {
       event.preventDefault();
       $('html, body').animate({
           scrollTop: $($.attr(this, 'href')).offset().top
       }, 900);
       return false;
   });

У меня ссылки к якорям есть в двух местах: в бургер меню(positionfixed и скрывается) и в футере, то есть в двух разных местах есть одинаковые ссылки к якорям.
На десктопных браузерах все ок, однако на мобилке (тестил в сафари айос) ссылки те, что в футере не работают (поднимают к верху страницы), а в менюхе работают
Эксперементировал, пихал ссылки и вне футера, просто внутрь страницы, они тоже на мобилке не работали. В чем прикол?