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

Discussion in 'Изменение шаблона (кастомизация)' started by Mynameis, Jan 25, 2021.

  1. Offline

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

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

    Attached Files:

  2.  
  3. Best Answer:
    Post #2 by OlegK, Jan 25, 2021
  4. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Best Answer
    В старой версии Bootstrap и глюков браузера в определении плавающих элементов. Нужно указывать ширину для элементов с float. Медиа запросы должны быть, плохо искала ))
    . Используй display: flex для контейнера доп.картинок.
     
  5. Offline

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

    Joined:
    Jul 31, 2020
    Messages:
    51
    Likes Received:
    0
    Gender:
    Female
    Медиа запросы должны быть, плохо искала ))
    именно для класса .additional-images его и не было, но display:flex при max-width:414px оказался очень кстати.Указывать ширину для .floatleft не потребовалось - стоят, как солдаты на плацу.
     

Share This Page

Loading...