在移动设备和平板电脑中无法显示自适应导航

Question

我正在创建一个具有第4级导航的网站，但它似乎没有出现在手机和平​​板电脑中。这是我的代码

<li><a href="index.php">Home</a></li>
<li><a href="about">About Us</a></li>
<li><a href="services">Services</a></li>

<li>
  <a href="#">Products</a>			    
  <ul>
    <li><a href="#" >Food Products</a>
      <ul>
        <li>
          <a >Baking & Cooking Aids</a>
          <ul>
            <li><a href="breadingmix" >Breading Mix</a></li>
          </ul>
        </li>
        <li><a>Beverages</a>
          <ul>
            <li><a href="concentratedcocoa">Concentrated-Cocoa</a></li>
            <li><a href="concentratedpowder" >Concentrated Powder</a></li>
            <li><a href="energy-drink" >Energy Drink</a></li>
            <li><a href="carbonated-drink" >RTD - Carbonated Drink</a></li>
            <li><a href="juices" >RTD - Juices</a></li>
            <li><a href="milk-based" >RTD - Milk Based</a></li>
            <li><a href="beverages-tea">RTD - Tea</a></li>
            <li><a href="sports-drink" >Sports Drink</a></li>
            <li><a href="water" >Water</a></li>
          </ul>
        </li>
      </ul>
     </li>
    </ul>
  </li>

每当我点击Beverages菜单时，导航都会返回Food Products。

你可以帮我这个吗？谢谢！