TheHamburgerCollection.com

我的汉堡菜单在所有其他页面上都正常工作-我只是不希望它显示在主页上，在768px及以下的位置都可以看到它。

页脚。php是菜单所在的位置：

<div class="mobile-nav">
    <div class="menu-btn" id="menu-btn">
        <div></div>
        <span></span>
        <span></span>
        <span></span>
    </div>

    <div class="responsive-menu">
    <?php
        if ( ! is_front_page() && ! is_home() ) {
        wp_nav_menu();  
        } 
    ?>
    </div>
</div>

你可以看到，我告诉它不要在首页（也就是主页）上显示导航菜单，而且它做得很正确——但是我如何对汉堡菜单做同样的事情呢？

我按照this tutorial 创建我的汉堡菜单。如果我尝试复制If语句，该语句告诉浏览器在除首页/主页之外的所有其他页面上显示导航菜单，然后将其粘贴到具有类和id的div之前"menu-btn", 我发现一个语法错误：

<div class="mobile-nav">
    <?php if ( ! is_front_page() && ! is_home() ) {
    <div class="menu-btn" id="menu-btn">
        <div></div>
        <span></span>
        <span></span>
        <span></span>
    </div>
    ?>

    <div class="responsive-menu">
    <?php
        if ( ! is_front_page() && ! is_home() ) {
        wp_nav_menu();  
        } 
    ?>
    </div>
</div>

我不确定是否有办法用CSS在特定页面上隐藏汉堡包菜单，或者如果我确实需要使用PHP或JS，我应该在哪里放置函数/应该使用什么函数？

非常感谢。

<div class="mobile-nav">
    <?php if ( ! is_front_page() && ! is_home() ) { ?>
    <div class="menu-btn" id="menu-btn">
        <div></div>
        <span></span>
        <span></span>
        <span></span>
    </div>
    <?php } // <-- You forgot to put this in ?>

    <div class="responsive-menu">
    <?php
        if ( ! is_front_page() && ! is_home() ) {
        wp_nav_menu();  
        } 
    ?>
    </div>
</div>