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

Question

[Дмитрий]

Делаю сайт на Joomla. Шаблон Helix3.
Нужно, чтобы на мониторах с шириной 600px и 800px сайт выглядел также как и на больших мониторах (1920х1080 и выше). А из-за Bootstrap он складывается. Блоки располагаются один под другим вертикально.
Я понимаю, что это адаптивный дизайн сайта и в нём по порядку следуют адаптивные блоки в макете. И связано это с col-md-push, или col-md-pull. Но в Bootstrap я не силен. Потому и прошу помощи.
Может есть возможность указать размер монитора при котором адаптивный дизайн не нужно применять?

Answer 1

[DrWeyber]

Нужно отключить мета тег viewport, почитайте как это сделать на вашей cms

Comments

[DrWeyber]

В бутстрапе sm, md, LG, xl, это разрешение экрана, и в стилях они прописаны через min-width

Answer 2

[Антон Р.]

Заходи в пункт Layout в настройках шаблона (от Joomshaper судя по всему) и там у блоков меняй col-sm, col-md, col-sx и прочее, смотри что меняется.

Answer 3

[Дмитрий]

Я решил задачу таким способом

<meta name="viewport" content="width=device-width, initial-scale=0.75">

Answer 4

[Сергей Толкачев]

В шаблонах на Helix есть возможность указывать классы для каждой позиции в layout builder. Собственно говоря, без знания bootstrap сложно, так как свои css будут переопределять классы bootstrap. Сетку понять не сложно. Главное, чтоб контент блоков нормально смотрелся на разрешениях как 600, так и >800px