Как не растягивать Slick Slider при ширине 100% на мобильном?

Question

[Даниил Конев]

Все привет! Устал бороться с шириной слик слайдера на мобильном. Нужна помощь.

На главной странице два слайдера.
Ширина 100%, слайдер растягивается намного больше. Из найденных ранее решений по типу этого:

* {
  min-height: 0;
  min-width: 0;
}

Ничего не помогло. Только за счет 100vw на одном из контейнеров мне удалось хоть как-то добиться, каких-то результатов с шириной. Но сейчас все равно, при 390px справа есть кусок пустого места... Как можно сделать что бы он нормально по ширине вставал?

Тестовый сайт: https://fabrika-kresel.site/

Answer 1

[Сергей delphinpro]

Проблема не в слайдере.
Проблема в подвале.

На будущее:
Открывайте сайт в devtools и по очереди удаляйте все блоки. Когда удалите все проблемные, то сайт станет нормально выглядеть.
Например, сейчас у вас, если удалить подвал, то все становится нормально.

PS Еще на будущее. Отлаживайте блоки по одному. То есть отключаете всё, кроме того, с которым сейчас работаете, так, чтобы он остался единственным на странице. Отлаживаете его на всех размерах. Теперь вы будете в нем уверены, что все правильно.

Comments

[Даниил Конев]

Действительно! При чем, я как раз таки шел по Вашей схеме изначально, но остановился на футере :))) И сижу голову ломаю, в чем проблема....

[Даниил Конев]

Спасибо тебе большое, что подсказал! Очень благодарен. Вчера пол дня пробовал разные варианты)))

[Сергей delphinpro]

Даниил Конев, значит пора сделать кофе-брейк =)

[Даниил Конев]

Ахах:)) точно)