移動單欄佈局

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

您的「What Service」div有.vc_custom_1410664290855類，margin-left: 10% !important;會導致屏幕截圖中的偏移。

用適當大小的媒體查詢刪除該邊距。