адаптивность для шаблона protostar

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Mynameis, 25.01.2021.

  1. Offline

    Mynameis Пользователь

    Регистрация:
    31.07.2020
    Сообщения:
    51
    Симпатии:
    0
    Пол:
    Женский
    Доброго времени суток.
    Вопрос по отображению галереи дополнительных картинок.
    Когда их 2-4, они на любом устройстве выходят в один ряд, но когда их 10-12, они выстраиваются в несколько рядов.Почему-то именно в расширении 414х736 7-е изображение залипает справа одно, а далее идёт снова нормальный ряд.Во всех остальных устройствах всё показывается нормально.
    На виртуемарт 3.8.6 выбран шаблон protostar.
    Никаких медиазапросов в стилях нет, в настройках магазина версии bootstrap нет.(пробовала подставить версию 2, 3,4-ничего не поменялось)
    В чём причина? как можно исправить?
    Скрины прилагаю.
    Безымянный6.jpg Безымянный1.jpg
     

    Вложения:

  2.  
  3. Лучший ответ:
    Сообщение #2 от 25.01.2021, автор OlegK
  4. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Лучший ответ
    В старой версии Bootstrap и глюков браузера в определении плавающих элементов. Нужно указывать ширину для элементов с float. Медиа запросы должны быть, плохо искала ))
    . Используй display: flex для контейнера доп.картинок.
     
  5. Offline

    Mynameis Пользователь

    Регистрация:
    31.07.2020
    Сообщения:
    51
    Симпатии:
    0
    Пол:
    Женский
    Медиа запросы должны быть, плохо искала ))
    именно для класса .additional-images его и не было, но display:flex при max-width:414px оказался очень кстати.Указывать ширину для .floatleft не потребовалось - стоят, как солдаты на плацу.
     

Поделиться этой страницей

Загрузка...