只有在查看帖子时才在手机上隐藏菜单?

时间:2014-11-10 作者:jolaviska

我只想在查看帖子时隐藏手机上的菜单。主页上的菜单应在手机上可见,但在其他页面上不可见。我该怎么做?

以下是菜单片段:

<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>

1 个回复
最合适的回答,由SO网友:jdm2112 整理而成

假设您正在编辑一个子主题(或以某种方式保护您的更改不受未来更新/重写的影响),实现这一点的一个非常简单的方法是使用针对您的移动菜单的CSS规则,然后应用display: none 对它。

通过结合使用媒体查询和精心编写的CSS选择器,您可以准确地定位要隐藏的HTML元素,以及在什么上下文中。

我猜您将需要一个body类(用于正确的内容类型)、媒体查询和适当的CSS的组合。

结束

相关推荐

Archiving posts in wordpress

我会在我的wordpress网站上发布很多帖子。我想要一个归档功能。我在我的网站上有一个单独的部分,只显示档案,而存档的帖子不会显示在其他部分。我希望这些帖子在30天后自动存档。我如何才能做到这一点?一些细节会很好,谢谢。