css - Visual Composer - 在桌面和移动设备上隐藏/显示

Question

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

我试图为我的那个添加一个名为 hide_mobile 的额外类，但它没有用:

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

Mobile

Desktop

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

如果您使用的是 wordpress，则只能为移动设备制作样式表。例如mobile.css，header中有一段php代码，只有在手机上才能调用。这里以mobile和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'>

对我来说效果很好。