我正在创建的Shopify网站中有一个下拉菜单。
在桌面上，主li菜单可单击链接，也可以在悬停时打开子菜单项。
在移动设备上，主li菜单仅打开子菜单“抽屉”，但不能单独选择为链接。
如何选择它并在移动设备上打开抽屉？
li a {
display: block;
padding: 7px 10px !important;
text-align: left !important;
}<li class="site-nav--has-dropdown site-nav--active" aria-haspopup="true">
<a href="/" class="site-nav__link">
Home
<span class="icon icon-arrow-down" aria-hidden="true"></span>
</a>
<ul class="site-nav__dropdown">
<div>
<li>
<a href="/pages/about-us" class="site-nav__link ">ABOUT</a>
</li>
<li>
<a href="/pages/plans-and-pricing" class="site-nav__link ">PLANS & PRICING</a>
</li>
<li>
<a href="/pages/policies" class="site-nav__link ">POLICIES</a>
</li>
<li>
<a href="/pages/posture-center" class="site-nav__link "> CENTER</a>
</li>
<li>
<a href="/pages/back" class="site-nav__link "> BACK</a>
</li>
<li>
<a href="/pages/faq" class="site-nav__link ">FAQ</a>
</li>
<li>
<a href="/pages/our-teachers" class="site-nav__link ">OUR TEACHERS</a>
</li>
</div>
<span class="arrow"> </span>
</ul>
</li>将主li链接作为子菜单中的第一项（除了主菜单中的链接之外）。
在移动设备上显示。
将其隐藏display: none在桌面设备上。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句