iPad 上的移动视图(Visual Composer / WordPress)

Mobile view on iPad (Visual Composer / WordPress)

我遇到了一些情况,需要有关 WordPress 中 Visual Composer 的帮助。 我有一个包含 3 列的 ROW。在桌面和 iPad 中,它显示正常,有 3 列。

想象一下 X X X

在移动设备上每行显示 1 列!

X

X

X

我希望列在 iPad 视图中像在移动设备上一样堆叠。 我如何使用 Visual Composer 实现此目的?

谁能告诉我步骤。我相信我必须在内部列设置上使用响应选项...

您可以在“响应式”选项卡中更改列的堆叠方式。当您创建一行时,左侧有一个长长的汉堡菜单。单击它,您将能够创建列。创建列后,每列都有一个 +(添加)、pen(编辑)和一个 x(remove/delete)。单击笔以编辑列。现在有一个名为响应选项的选项卡。它的工作方式类似于 bootstrap,因为它是在 bootstrap 上构建的。对于平板电脑,将第一行宽度设置为 12 列,在中号尺寸上将其设置为 4 列,因此它们在 992px 处排成一行。

VisualComposer 的响应式媒体查询是

小 - 768px 中 - 992px 大 - 1200px