2016-11-28 10 views
-1

トップナビゲーションメニューが2行に広がることがあるのは本当に混乱しています。最初にサイトに着陸すると、すべて1行に表示されますが、スクロールしてからスクロールすると、最後の項目(「サインイン」)が2行目に移動します。スクロールで固定ナビゲーションメニューが2行になるのはなぜですか?

私はCSSで遊んでみましたが、残念ながら問題の根本を突き止めるには不十分です。

誰かが一見することができたら、それはすばらしいでしょう!ここで

は私のURLは次のとおりです。http://blog.koantic.com/

感謝:)のstyle.cssトライで

+0

macbookプロでは、スクロールで2行になることはありません。しかし、私がページを縮小すると、パンケーキメニューに崩壊する直前に、2つの行に分かれる約20ピクセルのスペースがあります。 –

+0

ええ、個々のブログ投稿をスクロールすると、もっと頻繁に起こると思います。どのように私はそれを修正することができますか? –

答えて

1

ライン1660にこれを追加する:

width: 100%; 
display: inline-block; 

フルラインは、次のようになります。

nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu { 
    float: left; 
    width: 100%; 
    display: inline-block; 
} 

また、行16を変更します。 6:

min-width: 520px!important 

フルラインは、次のようになります。これに

ul.nav { 
    min-width: 520px!important; 
} 

および変更ライン168:

.et_header_style_left .logo_container { 
    width: auto; 
} 

あなたがホームページ上にある場合、それはdoesnのことを私が発見しましたしかし、ブログのシングルページには奇妙な行動が表示されます。

+0

ありがとうございました!私はこの1ヶ月間に挫折し、あなたのCSSは問題を完全に解決しました! :) –

関連する問題