摆脱手机上的引导下拉菜单

问题描述

我正在为我的电子商务网站开发woocommerce主题。我有这个Bootstrap Shop下拉菜单

当我在移动断点上时，我想摆脱下拉菜单，并将其保留在PC上的图像中

就像我只想显示类别时，我单击引导汉堡包图标，而不是单击汉堡包图标，然后单击“商店”下拉菜单以显示类别

<nav class="navbar navbar-expand-md navbar-light bg-light" role="navigation">
<div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="#">Navbar</a>
    <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul id="menu-top-menu" class="nav navbar-nav ml-auto" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li  id="menu-item-454" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-454 nav-item"><div class="dgwt-wcas-search-wrapp dgwt-wcas-no-submit woocommerce js-dgwt-wcas-layout-classic dgwt-wcas-layout-classic js-dgwt-wcas-mobile-overlay-enabled">
    <form class="dgwt-wcas-search-form" role="search" action="http://online-store.local/" method="get">
    <div class="dgwt-wcas-sf-wrapp">
                <svg version="1.1" class="dgwt-wcas-ico-magnifier" xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 51.539 51.361" enable-background="new 0 0 51.539 51.361" xml:space="preserve">
    <path d="M51.539,49.356L37.247,35.065c3.273-3.74,5.272-8.623,5.272-13.983c0-11.742-9.518-21.26-21.26-21.26
          S0,9.339,21.082s9.518,21.26,21.26c5.361,10.244-1.999,13.983-5.272l14.292,14.292L51.539,49.356z M2.835,21.082
          c0-10.176,8.249-18.425,18.425-18.425s18.425,8.249,18.425,18.425S31.436,39.507,39.507S2.835,31.258,2.835,21.082z"/>
</svg>
                <label class="screen-reader-text"
               for="dgwt-wcas-search-input-1ea6">Products search</label>

        <input id="dgwt-wcas-search-input-1ea6"
               type="search"
               class="dgwt-wcas-search-input"
               name="s"
               value=""
               placeholder="Search for products..."
               autocomplete="off"
                        />
        <div class="dgwt-wcas-preloader"></div>

        
        <input type="hidden" name="post_type" value="product"/>
        <input type="hidden" name="dgwt_wcas" value="1"/>

        
                </div>
</form>

店服装连帽衫 T恤衫装潢音乐手机配饰大车我的帐户

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-4 twitter-bootstrap