ワードプレスのブートストラップのサブメニューは常にモバイルビューで表示されます

私はワードプレスを使用しています。レスポンシブなメニューバーに問題があります。サブメニューリンクは、モバイル対応ビューで常に表示されます。手術現場はHere です。私はこの問題をGoogleでチェックしましたが、どこでも適切な答えを見つけられませんでした。誰でもここで解決できますか？ワードプレスのブートストラップのサブメニューは常にモバイルビューで表示されます

出典

2016-12-14 Pt. Raman Sharma

最小限の再現可能な例をスニペット、jsfiddle.netリンクなどの形式で追加してください。あなたのウェブサイトへのリンクを投稿するだけでは不十分です。 – Kyle

オリジナルのウェブサイトを直接見ることができれば、大きな助けになります。多くのCSSレベルが含まれています。 1つはブートストラップ、もう1つはワードプレステーマ、3つ目はwoocommerceです。ウェブサイトを見て私に知らせてください。 –

style.cssのカスタムメディアクエリ内でブートストラップのCSSをオーバーライドします。138行目の.dropdown-menuを参照してください。display：blockが問題です！

.dropdown-menu { 
    background-color: transparent; 
    border: medium none; 
    border-radius: 0; 
    box-shadow: none; 
    display: block; 
    float: none; 
    padding: 10px 0; 
    position: static; 
}

ブロックを削除すると、問題が解決されます。

出典

2016-12-14 11:01:52 fen89

こんにちは、ありがとうございました....これは私の半分の問題を解決しました。今度はサブメニューの項目がクリックされて壊れてしまいますが、親を再びクリックして隠すことはできません。 –

あなたは大歓迎です！私は新しい問題を理解していません。ドロップダウンをクリックすると折りたたまれ、子が表示されます。もう一度クリックすると子は非表示になります。サイズを変更したブラウザと携帯電話で確認しました。これはすでに解決しましたか？それはexpetectedとして働いているので。 – fen89

はい。私はちょうど最近それを働いた、それは私のCSSファイル内のもう一つのブートストラップクラスの問題でした。あなたの懸念@ fen89に感謝します。 –

ブートストラップのデフォルトのCSSクエリは、style.cssによってバイパスされます。 max-width：767pxのメディアクエリで、クラスのドロップダウンメニューを見て、display-blockを削除してください。これはあなたの問題を解決します。

出典

2016-12-15 04:51:48

ワードプレスのブートストラップのサブメニューは常にモバイルビューで表示されます

答えて

関連する問題