我正在为我的电子商务网站开发woocommerce主题。我有这个Bootstrap Shop下拉菜单
当我在移动断点上时,我想摆脱下拉菜单,并将其保留在PC上的图像中
就像我只想显示类别时,我单击引导汉堡包图标,而不是单击汉堡包图标,然后单击“商店”下拉菜单以显示类别
这是我生成的HTML标记
<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,0,21.082s9.518,21.26,21.26,21.26c5.361,0,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,21.26,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恤衫
装潢
音乐
手机
配饰
大车
我的帐户