css - メニューにホバーしないようにロゴを作成するには?

Question

ここから CSS メニューをダウンロードし、いくつかの変更を加えようとしました。これは、フィドル ファイルjsfiddleとフルスクリーンの結果です。

今、私は2つのことをしようとしています:

• Logoテキスト/画像をホバーさせないようにする
• 幅を修正して、100% にしましたが、フルスクリーンの結果を見ると、何が間違っているかがわかります。

Answer 1

42 行目を次のように変更します。#navbar li:not(:first-child):hover {

<li>これにより、ホバー効果がロゴを含む最初のものに適用されないようになります。jsフィドル

これはCSS セレクター レベル 3と呼ばれます。

ナビの位置を修正するには:

#nav {
    width: 100%;
    position: fixed;
    margin: 0 auto;
    left: 0px;
}

EDIT：両側に少しマージンが必要な場合は、次を使用します：

#nav {
    position: fixed;
    margin: 0;
    left: 1%; /* you can change this to whatever margin you like */
    right: 1%;
}

そして追加：

#navbar {
    width: auto;
}