如何在移动设备上隐藏自定义侧边栏

时间:2013-07-28 作者:Max

因此,我对wordpress高级主题进行了一些自定义,但我想在移动版本上隐藏这些自定义。我试图添加id 内部小部件的@media 具有display:none; 但什么都没有,仍处于活动状态。

这是我制作的第二个侧边栏的代码

内部主题functions.php:

if (function_exists(\'register_sidebar\')) {
register_sidebar(array(
\'name\'=>\'Sidebar Left\',
 \'id\'   => \'sidebar-left\',  
      \'description\'   => \'Widget Area left\',  
      \'before_widget\' => \'<div id="sidleft" class="sidleft2">\',  
      \'after_widget\'  => \'</div>\',  
      \'before_title\'  => \'<h2>\',  
      \'after_title\'   => \'</h2>\'  
     ));  
    }  
内部index.php:

<div id= "sidebar-left" class="sidleft2"> <? php if (!function_exists(\'dynamic_sidebar\') || !dynamic_sidebar(\'Sidebar Left\')): endif;?></div >
如何隐藏它?

我用定制做的第二件事是从垂直的帖子(最新的),我已经内联做了4个块。这里我换了衣服heightwidth. 在默认版本的主题中,拇指很小,在手机上看不到,只显示标题。

在…内@media 这是:ul.headlines li img, 这会隐藏这些图像,但问题是,我现在所做的更改留下了一些间隙,因此标题和标题下方是图像应该显示的区域,因为代码行ul.headlines li img (display:none;) 没有使用,只显示图像应该显示的位置。我想要的是消除手机上的这种差距,就像在默认主题中一样,但两天后就没有运气了。

有什么想法吗?

1 个回复
SO网友:Christian Lescuyer

您没有提供有关代码的大量详细信息。像这样的方法应该会奏效:

@media only screen and (max-width: 599px) {
  #sidebar-left {
    display: none;
  }
}

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?