私はrespondcmsによって作成されたブートストラップテンプレートを使用しています。デスクトップ上ではすべてがうまく見えますが、モバイルデバイスでは折り畳まれたナビゲーションにアクセスできません。ドロップダウン内のエントリはクリックできません。ブートストラップナビゲーションのスタイルエラー
私はすでに多くの設定を試してみましたが、すべてがhttp://getbootstrap.com/examples/theme/
上の例と非常によく似ています誰も私のための手掛かりを持っていますか？サイトでは、あなたの問題はZインデックスか何かに関係しているようで、事前にhttp://cms.h2516034.stratoserver.net/sites/zbv/index
おかげ
ラマン
上でアクセス可能です。メニューポイント "Aktivitäten"でテストすることができます。あなたのブラウザを小さくすると、「Kontakt」エントリの下にあるエントリにアクセスできることがわかります。多分あなたが使っているCMSのレンダリングの問題？
考えられる解決策：（グローバルテストされていません）
body .navbar ul.dropdown-menu li, body .navbar ul.dropdown-menu li a {
height: 30px !important;
line-height: 30px !important;
position: relative;
z-index: 100000;
}
respond.min.css
これはコメントではありません@Leothelion –
ありがとうCHN-mk。これはかなり良く見えますが、ブートストラップの例とまったく同じではありません。 "Aktivitäten"を展開した場合、次のトップレベルアイテムが引き続き表示されるはずです（https://getbootstrap.com/examples/navbar-fixed-top/を参照）。 ディスプレイに問題がある可能性がありますポジション...？ – Raman
あなたのHTMLコードは、ブートストラップ自体のサンプルコードにあるものとまったく同じではありません。同様に、あなたのCMS内でレンダリングの問題になると思います。元のサンプルコードについては、https://getbootstrap.com/components/#navbarをご覧ください。また、問題がコンテナクラスが見つからないことが原因であるかどうかわかりません。 @Raman – CHN
はこれを試して@Raman。それは動作するはずです
<style>
@media(max-width:767px){
body .navbar li {
height: auto;
line-height: 65px;
}
}
</style>
実際の携帯では機能しませんが、ブラウザがモバイルサイズに縮小されたデスクトップでは機能しますか？私はスマートフォンを手に持たないが、モバイルサイズは適切に機能するからです。私たちが問題を探すためにあなたのhtmlコードを過ぎてください。 – CZorio
いいえブラウザがモバイルサイズに縮小されているデスクトップでも機能しません。これは、デスクトップ上で最大化されたブラウザでは正しいです。 – Raman
そのリンクが自分のコンピュータで動作しているので、混乱しています。私はGoogleクロムを使用しています – CZorio