Мобильный просмотр на iPad (Visual Composer / WordPress)

Question

У меня есть ситуация, и мне нужна помощь с Visual Composer в WordPress.У меня есть ряд с 3 столбцами.В десктопе и на iPad это показывает нормально с 3 колонками.

Представьте себе, как это XXX

На мобильном телефоне отображается 1 столбец в строке!

X

X

X

Я хочу, чтобы столбцы отображались на экране iPad как на мобильном устройстве.Как я могу добиться этого с помощью Visual Composer?

Может кто-нибудь показать мне шаги.Я считаю, что мне нужно играть с адаптивными параметрами в настройках внутреннего столбца ...

Answer 1

Вы можете изменить порядок расположения столбцов на вкладке Responsive.Когда вы создаете строку, на левой стороне есть длинное меню гамбургера.Нажмите на него, и вы сможете создавать столбцы.После создания столбцов у каждого столбца есть + (добавить), перо (изменить) и x (удалить / удалить).Нажмите на ручку, чтобы редактировать столбец.Теперь есть вкладка под названием Responsive Options.Это работает как бутстрап, так как он был построен на бутстрапе.Для планшета сделайте ширину первой строки - 12 столбцов, а для среднего размера - 4 столбца, чтобы они помещались в одну строку с разрешением 992 пикселя.

Ответные медиазапросы для VisualComposer

small -768px, средний - 992px, большой - 1200px