レスポンシブなヘッダーがモバイルの画面よりも大きくなる

Question

私のウェブサイトには、かなりわかりやすいヘッダーがあります。こちらはwww.botlink.usです。それは反応するように設計されているので、ページの幅を小さくすると、右のアイコンがリンクのメニューをドロップする別のヘッダーに変わります。私のデスクトップでは美しく動作します。ページの幅を小さくすると、ヘッダーに問題はありません。しかし、モバイルデバイスに切り替えると、何らかの理由でヘッダーの幅が何とか700ピクセルにとどまります。その原因に関する考えは？

（私は正確な原因が何であるかを考え出した実際のコードでこの例を改良ます。今のところ、すべてのコードは、上記のリンクされている。）この場合、

Answer 1

を、問題がダウンしている低かったです私のhtmlでは、要素がありました（白い背景を持つdivタグなので、ブレンドされ、div内の要素が画面の幅が狭くなるにつれてページの残りの部分と一緒に移動してからキャッチするのが難しい） 。私は、ヘッダーが固執していた幅である「700px」という文字列について、私のCSSスタイルを調べて問題を特定しました。私はコードを見つけ、問題を解決するために幅を再設定することができました。