Question

我在Shopify网站上创建了一个下拉菜单。

在桌面设备上，主li可以点击链接，也可以在悬停时打开子菜单项。

在移动设备上，主li仅打开子菜单＆＃34;抽屉＆＃34;，但无法自行选择链接。

如何在移动设备上选择并打开抽屉？

＆＃13;

li a {
  display: block;
  padding: 7px 10px !important;
  text-align: left !important;
}

＆＃13;

<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 &amp; 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">&nbsp;</span>
  </ul>
</li>

＆＃13;

Answer 1

包含主13/#137/2011/0/15/5.8/5/4.....2..4/PG链接作为子菜单中的第一项（除主菜单中的链接外）。

在移动设备上显示。

在桌面设备上隐藏li。

当移动设备

1 个答案: