可视化编辑器 - 在桌面和移动设备上隐藏/显示

Question

我正在尝试在桌面或移动设备上隐藏和显示列。我已经尝试了几个小时来让它工作，但无济于事。正如您在所附的图像中看到的那样，用红色圈出的那个是我试图隐藏的。

我

试图为我添加名为 hide_mobile 的额外类，但它不起作用：

              @media only screen and (max-width: 674px)  {
             .hide_mobile{
              display:none !important;
              }
              }

移动

桌面

任何帮助将不胜感激。

谢谢。

Answer 1

如果你使用的是WordPress，你只能为移动设备做一个样式表。例如移动.css并且标题中带有 php 代码，您只能在使用移动电话时调用它。这是移动设备和 iPad 的示例：

<link rel="stylesheet" media="screen and (min-width: 80px) and (max-width: 700px)"     href="/wp-content/themes/theme-child/iphone.css">
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)'     href='/wp-content/themes/theme-child/ipad.css'>

和我在一起，效果很好。