Support » Thema en CSS/opmaak » one page menu – probleem onderlijnen

  • Hallo, ik gebruik een ‘one page menu’ waarbij er 1 link bestaat naar een externe pagina (portfolio).
    Nu zit ik met een opmaak issue: de interne links worden onderlijnd, maar dat hoeft dus niet. Ik zou ze graag hebben zoals het item ‘portfolio’ (externe link).

    Kan jij me helpen?

    Hartelijk dank.

    Gr, TMi

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Je navigatie elementen hebben een ::before pseudo die er een lijn onder zet. Je kunt deze met wat simpele CSS weghalen:

    li.menu-item a::before {
       display: none;
    }
    Thread starter tmitmi

    (@tmitmi)

    Super! Kan ik het ook instellen waarbij de animatie van de onderlijning zoals bij ‘portofolio’ alsnog blijft werken?

    Probeer dit eens er aan toe te voegen:

    li.menu-item a:hover::before {
       display: block;
       width: 100%;
    }
    • Deze reactie is gewijzigd 4 weken, 1 dag geleden door Ruurd de Wind.
    Thread starter tmitmi

    (@tmitmi)

    Hoi Ruurd, deze code geeft inderdaad een lijn, maar het leuke effect van de lijn die centraal ontstaat en naar links en rechts breder wordt is dan niet zichtbaar.

    Gr, TMi

    Thread starter tmitmi

    (@tmitmi)

    Iemand nog een idee hoe ik toch de animatie van de links kan behouden (anchor én externe links)?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)