WordPress: CSS hält den Menüpunkt aktiv, wenn er sich innerhalb von untergeordneten Seiten befindet

Lesezeit: 2 Minuten

Benutzer-Avatar
Beben-Durcheinander

Ich bin jetzt seit ein paar Stunden dabei und kann es immer noch nicht herausfinden. Ich möchte, dass der Link About Nav Menu mit weißem Hintergrund bleibt, wenn ich in den untergeordneten Seiten navigiere…

Wie halte ich das Navlink-CSS aktiv, wenn ich auf der untergeordneten Seite navigiere?

kD9yb4A
Menüpunkt Ansichtsseite ist aktiv

C8E5FPj
Wenn innerhalb eines Menüpunkts ein untergeordneter Menüpunkt nicht mehr aktiv ist

R6wDTYy

Mein CSS

Ich habe fast alles in der WordPress-Navigationsreferenz ausprobiert http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

Wenn Sie mit der rechten Maustaste auf die Registerkarte “Info” klicken (wenn eine der untergeordneten Seiten geöffnet ist), sollten Sie in der Lage sein, das Element zu überprüfen. (Ich verwende Chrome, aber andere Browser haben diese Option.) Sie sollten so etwas sehen. (Dies ist ein Beispiel aus meinem Thema):

<li id="menu-item-387" class="menu-item menu-item-type-post_type menu-item-object-page     current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-387"><a href="#">About</a>

Wählen Sie eine dieser Klassen und fügen Sie etwas CSS hinzu. Ich verwende den Selektor ‘aktuelles Menü-Elternteil’.

(#menu .current-menu-parent > a {
    background: #fff;   (or whatever styling you need to add)
}

Hoffe das hilft. Wenn nicht und Ihre Website über das Internet zugänglich ist, wäre eine URL wirklich hilfreich.

  • Du bist ein vom Himmel gesandter Engel! 🙂 Vielen Dank! Ich habe gewählt: #menu .current-page-ancestor a {…}

    – Beben-Durcheinander

    2. August 2014 um 0:27 Uhr


Wenn Sie sich auf einer untergeordneten Seite befinden, hat der Menüpunkt oder Menülink der übergeordneten Seite dieser aktiven untergeordneten Seite eine Klasse current-page-ancestor,

Sie können Ihr Menü aktivieren, indem Sie dies einfach zu Ihrer CSS-Datei oder Ihrem benutzerdefinierten CSS hinzufügen

li.current-page-ancestor a {
color: #0286ff !important; // or whatever style you want
}

1299180cookie-checkWordPress: CSS hält den Menüpunkt aktiv, wenn er sich innerhalb von untergeordneten Seiten befindet

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy