Как поправить адаптивную вёрстку для корректного отображения сайта на мобильных устройствах?

Question

[Никита Мелихов]

Переделываю дизайн сайта, застрял на мобильном виде.

Суть в том, что раздел Broadcast должен выглядеть в виде fullscreen-слайдера контента, но соседние слайды (страницы) должны немного налезать на текущий, чтобы по клику них можно было перейти.

В декстопной версии всё выглядит нормально, но на мобильных устройствах этот раздел отображается некорректно. Копался в вёрстке, но уже два дня не могу ничего адекватного сделать :(

Подскажите, в какую сторону копать.

P.S. На мобильниках соседние слайды отображаться не должны.

Comments

[Иван]

Дизайн - ебанись просто *facepalm*

[Иван]

Ну и лично я не понял в чем проблема, потому что в целом хрен поймешь что происходит ...

[Никита Мелихов]

Иван: согласен, но это дизайн заказчика.

[Никита Мелихов]

Иван: пролистай до раздела Broadcast и пощёлкай по меню (Art/Design/Fashion/Digital/Business/Urban/Films/Upcoming)

[alex]

какая-то дичь

Answer 1

[alex]

Не знаю решит ли это вашу проблему, но поробуйте:

× section.broadcast .slick-slider .slick-slide .page - уберите свойства left, margin, width

× section.broadcast .slick-slider .slick-center .page - уберите свойство left

× .posts-list - уберите свойсто margin

Comments

[Никита Мелихов]

Вроде, то же самое делал, но сейчас что-то похожее получилось. Из-за таких моментов крайне не люблю копаться в чужом говнокоде, но иногда приходится :(
Спасибо за подсказку!