Question

我试图隐藏并在桌面或移动设备上显示列。我已经尝试了几个小时才能让它发挥作用，但无济于事。正如你在附图中看到的那样，用红色圈出的那个是我试图隐藏的东西。

我试图为我添加一个名为hide_mobile的额外类，但它没有工作：

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

Mobile

Desktop

非常感谢任何帮助。

感谢。

Answer 1

如果您使用wordpress，则只能为移动设备制作样式表。例如，mobile.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'>

和我一起工作很棒。

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

1 个答案: