Active menu class, voor Parent en actieve Child pagina.

  • lerrie

    (@lerrie)


    12 jaren, 2 maanden geleden

    Op mijn website (http://tinyurl.com/bdrvvhp) wil ik in het menu graag mijn parent en de actieve child pagina markeren wanneer deze actief zijn. Dit lukt aardig met wordpress’ .current_page_item, .current_menu_item & .current_page_parent css styles. Maar ik krijg het niet voor elkaar om in het dropdown menu (trainingskampen) enkel 1 van de menu items te markeren (alleen de actieve/huidige pagina). Ik gebruik onderstaande styles, waardoor de parent (trainingskampen) wordt gemarkeerd, maar ipv alleen de current page worden alle onderliggende child pages gemarkeerd ipv alleen “trainingskamp voetbal”.

    Wat gaat er hier mis?

    Css:

    #outheader #header #navigation #menu #nav .current_page_item a,
#outheader #header #navigation #menu #nav .current_menu_item a,
#outheader #header #navigation #menu #nav .current_page_parent a{
	background-image: url(../images/achtergrond/headerinfo.png);
	background-repeat: repeat-x;
}

#outheader #header #navigation #menu #nav .current_page_item li a {
	background-image: url(../images/achtergrond/headerinfo.png);
	background-repeat: repeat-x;
}

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Thread starter lerrie

    (@lerrie)

    12 jaren, 2 maanden geleden

    niemand?

    Moderator Richard van Denderen

    (@rdd)

    12 jaren, 2 maanden geleden

    Dat komt omdat de li na de class .current_page_item staat, daar door voldoen de child items van het submenu ook aan die voorwaarden.

    #outheader #header #navigation #menu #nav li.current_page_item a

    Thread starter lerrie

    (@lerrie)

    12 jaren, 2 maanden geleden

    Bedankt voor de hulp! Ik snap waar je naar toe wilt, alleen kom er nog steeds niet uit. Welke css moet ik gebruiken om de parent (plus straks ancestor) en huidige child active te krijgen?

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Active menu class, voor Parent en actieve Child pagina.’ is gesloten voor nieuwe reacties.