Ändern Sie den Menü-Stil auf einer einzigen Seite?

Question

Ich würde gerne wissen, wie Sie das Aussehen eines Menüs auf einer einzigen Seite in Ihrer Website ändern können?

Grundsätzlich habe ich 6 Menüpunkte in meinem "Hauptmenü". Ich verwende ein Menü-Modul, das mit meinem Template-Paket geliefert wurde, "AS Superfish Menu" heißt es.

Wenn Sie die Seite nach unten scrollen, reagiert das Menü, indem Sie alles verkleinern. Es ist ein responsives Menü. Der Hintergrund ist transparent. Jetzt brauche ich es nur nicht für einen einzelnen Menüpunkt "History" transparent zu sein. Es muss immer noch transparent für alle anderen sein.

Ich habe versucht, eine benutzerdefinierte Klasse der "Seitenanzeige" in der Menüelementkonfiguration für "Verlauf" hinzuzufügen, aber es hat nicht funktioniert.

Jede Hilfe wäre willkommen.

Answer 1

In Ihrem Fall, wenn Sie Klasse zum Menü hinzufügen können -

.menuClass{ 
background: rgb(255, 255, 255); 
} 

wenn der Stil nicht dann versuchen !important im Stil unter Verwendung erscheinen, zB:

.menuClass{ 
background: rgb(255, 255, 255) !important; 
} 

In Falls nicht zum Menü hinzugefügt werden kann, verwenden Sie -

.mainMenuClass li:nth-child(3) { 
    background: rgb(255, 255, 255); 
} 

Hier ist die :nth-child(3) ist die Nummer des Menüs Geschichte und ich denke, es wäre ein <li> wenn es nicht, dann verwenden Sie das Tag des untergeordneten Menüs. Wenn Sie HTML angeben, können wir genauer angegeben werden.