2017-04-15 4 views
-1

私はそれをフィドルに投稿できません。そこに問題を再現することはできないからです。モバイルで見たときに、デフォルトでブートストラップ3ドロップダウンメニューを開くようにするには

(「モバイル」で開くか、モバイルビューのような、それは似て作るには、ブラウザのサイズを変更する)私のサイトをご覧ください:

=>my site

あなたは正しくサイズを変更かどうかを確認します左上のメニューアイコン(3行目のアイコン)。

3線アイコンをクリックすると、「カテゴリ」メニューが表示されます。矢印アイコンをクリックすると、「サブカテゴリ」メニューが表示されます。私の訪問者は「サブカテゴリ」を見るために2回だけクリックする必要があります

1クリックするだけです。訪問者が3lineアイコンをクリックすると、デフォルトで「サブカテゴリ」ドロップダウンが開きます。事前に

感謝:)

+0

どのようにいくつかのJSライブラリ、フレームワーク、コンテンツ管理システムなどで、メニューを作成しましたか? – chrki

答えて

0

ためdisplay: block;

を使用Media queriesを使用して、あなたのElementのためのあなたのCSS Selectorを選択し、私はあなたが探していると思いますそのようなもの:Bootstrap nav bars examples

0

あなたのウェブサイトを見ると、「カテゴリ」が展開されたときに、「mm-opened」というクラスがリストアイテムに追加されていることがわかります。私のテストでは、(モバイルナビはそれ自身の要素なので)大きな画面では 'mm-opened'クラスは効果がないようです。したがって、カテゴリ項目に「mm-opened」クラスを追加するだけで、HTMLを変更することができます。

このように 'mobile side nav'要素内のhtmlを変更すると、デフォルトでカテゴリが拡張されます:

<ul class="mm-listview mm-first mm-last"> 
    <li class="mm-vertical mm-opened"> 
    ..... 
    </li> 
+0

あなたは本当に私のヒーローです。あなたに感謝します。私はこれを数日間解決しようとしてきました。どのように解決策を見つけるのですか教えていただけますか? – wulomi

+0

喜んで助けました! Chromeの開発ツールを使用して、展開/折りたたみの矢印を切り替えるときの要素の動作を調べました。私はちょうど右クリック - >ページのカテゴリ要素の1つを検査して、DOMの関連部分に到達しました。 – pbarrasso

関連する問題