我只想在查看帖子时隐藏手机上的菜单。主页上的菜单应在手机上可见,但在其他页面上不可见。我该怎么做?
以下是菜单片段:
<nav class="navigation cf" <?php echo implode(\' \', $nav_data); ?>>
<div class="mobile" data-type="<?php echo Bunyad::options()->mobile_menu_type; ?>" data-search="<?php echo Bunyad::options()->mobile_nav_search; ?>">
<a href="#" class="selected">
<span class="text"><?php _e(\'Navigate\', \'bunyad\'); ?></span><span class="current"></span> <i class="hamburger fa fa-bars"></i>
</a>
</div>
<?php wp_nav_menu(array(\'theme_location\' => \'main\', \'fallback_cb\' => \'\', \'walker\' => \'Bunyad_Menu_Walker\')); ?>
</nav>
最合适的回答,由SO网友:jdm2112 整理而成
假设您正在编辑一个子主题(或以某种方式保护您的更改不受未来更新/重写的影响),实现这一点的一个非常简单的方法是使用针对您的移动菜单的CSS规则,然后应用display: none
对它。
通过结合使用媒体查询和精心编写的CSS选择器,您可以准确地定位要隐藏的HTML元素,以及在什么上下文中。
我猜您将需要一个body类(用于正确的内容类型)、媒体查询和适当的CSS的组合。