私は、concrete.lifestylerevolutionstx.com でレスポンシブ サイトを構築していますが、何らかの理由で、小さい画面サイズでサイト名がロゴの下の次の行に分割されます。どうすればそれらを同じ行にとどまらせることができますか?
1 に答える
2
コメントで @millimouse が提案したように、ロゴ ヘッダーはテキストと画像の一部であるwhite-space: no-wrap;
ため、コンテナに追加する必要があります。この場合は.top-bar .name h1 a
. これにより、テキスト内の改行が抑制されます。
さらに、 class を使用overflow: hidden;
してnav
要素を削除し、 classを使用して要素に少なくとも 3.top-bar
の a を追加することを検討する必要があります。これにより、ハンバーガー ボタン メニューがスクロール ギャラリーの上に実際に表示され、画面幅が狭くなる (幅 <= 979px) ディスプレイが表示されます。z-index
section
.top-bar-section
于 2013-08-02T01:56:08.217 に答える