Отдельная компоновка столбцов для мобильных телефонов

Question

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

Обратите внимание: я только пытаюсь выполнить это для мобильных устройств. Я доволен нашим режимом планшета и рабочего стола.

Мы используем Visual Composer и Go Pricing как плагины.

Вот код, который я использовал, чтобы выровнять наши ценовые таблицы для формата настольного:

<div style="max-width: 400px; margin: 0 auto;">[go_pricing id="multicam_productions"]</div> 

Вот наш сайт: http://visualicreative.com/conference/

Вот скриншот того, что я говорю о: http://visualicreative.com/wp-content/uploads/2014/11/Screen-Shot-2014-11-21-at-9.44.52-AM.png

Answer 1

В вашем разделе «Сервис» есть класс .vc_custom_1410664290855, на нем есть margin-left: 10% !important;, который вызывает смещение на скриншоте.

Удалите эту маржу с запросом на медиа в соответствующем размере.