2016-02-29 112 views
0

我试图在桌面或手机上隐藏并显示一列。 我一直在努力几个小时,使其工作,但无济于事。正如你在附图中看到的那样,用红色圈起来的那个是我想要隐藏的。Visual Composer - 在桌面和手机上隐藏/显示

我试图把额外的类名为hide_mobile的一个我,但没有奏效:

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

Mobile

Desktop

任何帮助将不胜感激。

谢谢。

+0

你可以添加该列的HTML代码?如果您的目标是正确的,则很难从您发布的CSS中分辨出来。 – user1724434

回答

0

如果你使用的是wordpress,你可以只为手机做一个样式表。 例如mobile.css,并在头一个PHP代码,你可以调用它,只有当你使用移动phone.This是移动和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'> 

跟我它的伟大工程。