移动单栏布局

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;会导致屏幕截图中的偏移。

用适当大小的媒体查询删除该边距。