@demiancz

Как отключить изменение порядка следования адаптивных блоков?

Делаю сайт на Joomla. Шаблон Helix3.
Нужно, чтобы на мониторах с шириной 600px и 800px сайт выглядел также как и на больших мониторах (1920х1080 и выше). А из-за Bootstrap он складывается. Блоки располагаются один под другим вертикально.
Я понимаю, что это адаптивный дизайн сайта и в нём по порядку следуют адаптивные блоки в макете. И связано это с col-md-push, или col-md-pull. Но в Bootstrap я не силен. Потому и прошу помощи.
Может есть возможность указать размер монитора при котором адаптивный дизайн не нужно применять?
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 4
@DrWeyber
Нужно отключить мета тег viewport, почитайте как это сделать на вашей cms
Ответ написан
anton_reut
@anton_reut
Начинающий веб-разработчик
Заходи в пункт Layout в настройках шаблона (от Joomshaper судя по всему) и там у блоков меняй col-sm, col-md, col-sx и прочее, смотри что меняется.
Ответ написан
Комментировать
@demiancz Автор вопроса
Я решил задачу таким способом
<meta name="viewport" content="width=device-width, initial-scale=0.75">
Ответ написан
Комментировать
sergeytolkachyov
@sergeytolkachyov
https://web-tolk.ru
В шаблонах на Helix есть возможность указывать классы для каждой позиции в layout builder. Собственно говоря, без знания bootstrap сложно, так как свои css будут переопределять классы bootstrap. Сетку понять не сложно. Главное, чтоб контент блоков нормально смотрелся на разрешениях как 600, так и >800px
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы