Menu 在断点上更改菜单项

在我正在开发的一个网站上，我用公司的徽标替换了一个菜单项。但是，当使用断点（菜单切换为下拉菜单）时，我希望徽标与其他图标一样变为普通菜单项，甚至可以将其删除

---

该链接在我的笔记本电脑上不起作用，但在我的安卓智能手机上工作正常。我使用Android调试器工具检查您的站点

您可以使用css和媒体查询将徽标隐藏在菜单中，并在导航上方添加另一个徽标，仅在桌面上显示

下面的css可能会有所帮助

    @media (min-width: 800px){
        .hide_desktop { display: none;  }
    }
    @media (min-width: 801px) {
        .hide_mobile { display: none;   }
    }

HTML标记

    <div class="hide_desktop"><a href="#home"><img src="logo.png"></a></div>
    <ul class="showing">
        <li><a href="#about_anchor"><li>ABOUT</li></a></li>
        <li><a href="#work_anchor">REVIEWS</a></li>
        <li class="hide_mobile"><a href="#home"><img src="logo.png"></a></li>
        <li><a href="#services_anchor">SERVICES</a></li>
        <li><a href="#connect_anchor">CONTACT</a></li>
        &nbsp;
    </ul>

链接不起作用。对我来说效果很好？出于某种奇怪的原因，该链接在移动设备上起作用，但在桌面上不起作用。我不想在导航上方添加徽标，使其仅显示在桌面上。。。我不想让它在桌面上与导航保持一致，并且能够在显示移动菜单时隐藏它并在其位置显示另一个链接。