表示カテゴリとサブカテゴリ

は、ドロップダウンメニューでカテゴリとサブカテゴリを表示しようとしていると私はこれを持っている：表示カテゴリとサブカテゴリ

<?php 


       $cat_query = "SELECT * FROM `categories`"; 
       $select_categories = mysqli_query($connection, $cat_query); 
       while ($cat = mysqli_fetch_array($select_categories)) { 

       $cat_id = $cat['cat_id']; 
       $cat_title = $cat['cat_title']; 

       echo "<li>"; 
       echo "<a href='#'>$cat_title <span class='caret'></span></a>"; 

       $sub_query = "SELECT * FROM `sub_categories` WHERE `cat_id` = $cat_id"; 
       $select_sub_categories = mysqli_query($connection, $sub_query); 

       while ($sub = mysqli_fetch_array($select_sub_categories)) { 

        $subcat_id = $sub['subcat_id']; 
        $subcat_title = $sub['subcat_title']; 
        echo "<ul class='dropdown-menu'><li>"; 
        echo "<a href='#'>$subcat_title</a></li>"; 
        echo "</ul>"; 
       } 

        echo "</li>"; 

       } 

      ?>

それは実際にデータベースからカテゴリをフェッチしているが、それは正しく表示されていません。デスクトップ版で

が、それはこのように表示されます。 Desktop View

をモバイル版では、それは次のように表示されます。 Mobile View

私が間違って何をやっていますか？助けていただければ幸いです。あなたは、私は問題はあなたがドロップのリストを作成しているようにそれはそう、このコードブロックから、このPHPブロック

while ($sub = mysqli_fetch_array($select_sub_categories)) { 

       $subcat_id = $sub['subcat_id']; 
       $subcat_title = $sub['subcat_title']; 
       echo "<ul class='dropdown-menu'><li>"; 
       echo "<a href='#'>$subcat_title</a></li>"; 
       echo "</ul>"; 
      }

であると仮定javascriptや一部のHTMLコードCSSを、提供していないのでおかげ

出典

2016-11-16 o.danielcoker

あなたは 'ドロップダウンメニュー 'に表示したいのに、あなたは' ul'と 'li'を使っています。 – Irvin