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

Question

[Pan Propan]

Ребята подскажите пожалуйста. Есть страница товара. При просмотре с декстопа всё ок. Мобильная версия же, сужает блок сопутствующих товаров в 1 ряд. Причем сужает не совсем по красоте. Помогите правильно либо сверстать, либо поправить стили для страницы.

Comments

[Hyubert]

а документацию почитать, не пропбовали?

как я понял вы используете swiper slider

idangero.us/swiper/api/#.WUATHcAzrh0

и там есть такой обект как breakpoints и принимает он точки и изменения которие должни произойти на этой точке.

Там такой пример

var swiper = new Swiper('.swiper-container', {
  // Default parameters
  slidesPerView: 4,
  spaceBetween: 40,
  // Responsive breakpoints
  breakpoints: {
    // when window width is <= 320px
    320: {
      slidesPerView: 1,
      spaceBetween: 10
    },
    // when window width is <= 480px
    480: {
      slidesPerView: 2,
      spaceBetween: 20
    },
    // when window width is <= 640px
    640: {
      slidesPerView: 3,
      spaceBetween: 30
    }
  }
})

[Pan Propan]

Нет там никакого слайдера

[Сергей delphinpro]

Добавить свойство

а лучше через медиазапрос max-width=700px поменять dispaly: flex на display: block

[Pan Propan]

Сергей: братиш ты гений! =) спасибо то что надо. как отметить твой ответ верным?

Answer 1

[Максим]

или ) https://webref.ru
либо ) https://freelansim.ru

Comments

[Pan Propan]

я думал об этом, чтоьб на фриланс пойти, но эт когда назреет чуть более глобальный редизайн.
сейчас же просто стили поправить.

[Максим]

Pan Propan: Ну для начала ищите главный блок который выполняет роль обёртки , с него всё начинается

[Froggyweb]

Ну вот эти элементы сделать display block при определенном разрешении

И убрать красную кнопку с телефоном матное слово очень бесит неужели если я захочу позвонить вам я не найду номер. Заказать звонок вообще уродский ход из 90 когда понтовались мобильниками и душила жаба позвонить. Сейчас другая ситуация. Уберите хотя бы кнопку в правый нижний угол сделав меньше раза в два и сделайте ее зеленой (красный цвет это зачершить разговор) и повесить на нее вызов. В любом случе телефон просто выведет интерфейс вызова абонента а не начнет наяривать в Никарагуа

[Pan Propan]

Froggyweb: сделал как вы сказали, спс за обратную связь