Ondersteuning » Thema en CSS/opmaak » bij active menu link sidebar is de hoofdmenu link niet active

  • Ik gebruik een child thema van sparkling en heb een menu-structuur primary met 2 verschillende custom menu’s in de sidebar.
    Dit werkt uitstekend, en ik krijg de active links in css correct gestyled via de current-menu-item class. Wat nog niet gelukt is: wanneer ik een actieve link in de sidebar heb, is de bijbehorende link in het primaire hoofd menu niet zichtbaar als actief. Dit zou ik wel graag willen.

    Kan iemand mij helpen?

    Alvast veel dank.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Heb je de CSS code hiervoor toegevoegd? Dat is de css code van het menu item met als toevoeging :active

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

    Thread starter rgalesloot

    (@rgalesloot)

    Beste Thijs dank voor je hulp

    Afzonderlijk werken beide menu met de active link wanneer actief.
    maar wanneer op een menu item in de sidebar wordt geklikt is dat item wel actief maar niet de corresponderende main menu link.
    jouw suggestie geprobeerd, maar doet niets.
    css code sidebar geeft het gewenste resultaat op de link.

    #secondary .widget .current-menu-item a {
    color: #61d60e;
    }

    Dit is de code van het main menu item.

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #61d60e;
    }

    Nogmaals afzonderlijk geven ze het resultaat maar niet samen wanneer de link van de sidebar actief is. Ik heb al van alles geprobeerd en ook op de fora is veel beschikbaar maar geen oplossing voor mij.

    Alvast dank

    En als je dit doet:

    #secondary .widget .current-menu-item a:active {
    color: #ffffff;
    }

    Werkt dat? Zo niet, dan heb ik even een link naar je website nodig om het te bekijken.

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

    Thread starter rgalesloot

    (@rgalesloot)

    Dank voor je snelle reactie Thijs,

    Maar helaas het laat alleen de active link in de sidebar zien (en die had ik al) maar niet de corresponderende link in de main nav.

    De site is nog niet publiek, dus de link kan ik je niet geven. ik verwacht dat begin januari. hoop het toch voordien te hebben opgelost.
    Groet
    riet

    Dag Riet,

    Het is lastig voor mij de juiste code te geven omdat ik niet precies kan inschatten waar het menu zich bevindt en wat de juiste css code dan moet zijn.

    Als je wilt kijk ik er toch even voor je naar, je kan dan de link met inloggegevens sturen naar info@wphandleiding.nl.

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

    Thread starter rgalesloot

    (@rgalesloot)

    Dank je wel Thijs!!

    De site gaat spoedig on line, en ik kom dan graag met deze vraag terug. en kan je dan ook de gegevens sturen. Het is geen groot issue, ik vind het alleen storend en onprofessioneel.

    groet
    Riet

    Dat is helemaal prima, is waarschijnlijk zo opgelost.
    Heel veel succes met de website.

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘bij active menu link sidebar is de hoofdmenu link niet active’ is gesloten voor nieuwe reacties.