one page menu – probleem onderlijnen

  • tmitmi

    (@tmitmi)


    3 jaren, 6 maanden geleden

    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)
  • Ruurd de Wind

    (@geoclaps)

    3 jaren, 5 maanden geleden

    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)

    3 jaren, 5 maanden geleden

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

    Ruurd de Wind

    (@geoclaps)

    3 jaren, 5 maanden geleden

    Probeer dit eens er aan toe te voegen:

    li.menu-item a:hover::before {
   display: block;
   width: 100%;
}
    • Deze reactie is gewijzigd 3 jaren, 5 maanden geleden door Ruurd de Wind.
    Thread starter tmitmi

    (@tmitmi)

    3 jaren, 5 maanden geleden

    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)

    3 jaren, 5 maanden geleden

    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)
  • Het onderwerp ‘one page menu – probleem onderlijnen’ is gesloten voor nieuwe reacties.