Ondersteuning » Code oplossingen gezocht » menu animatie onderlijning

  • Hi folks!

    2 layoutproblemen in het menu:
    – sommige onderlijnen zijn ‘vetter’ dan andere (geen idee waarom)
    – weet ook niet waarom hij standaard geen lijn zet bij een link naar een aparte pagina, maar wel een lijn bij de link naar een anker (op dezelfde pagina). Zie ook verschil in onderlijning wanneer je start vanop een aparte pagina: https://www.ardein.be/moodboard-moderne-woningen-en-klassieke-villas/ (dan staat er standaard geen lijn onder het menu-item, wat mijn voorkeur geniet).

    Alvast bedankt voor de tips/hulp.

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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Guido

    (@guido07111975)

    Hoi,

    Alles met een anker is dezelfde pagina (homepage), dus daarom zijn al die items onderstreept als je op 1 van die ankers drukt. Ik vraag me af of je dit met een CSS fix kunt veranderen.. Alleen Projecten en Nieuws (en alles wat daaronder valt) werkt dus anders.

    Een afzonderlijk portfolio item (residence) is geen subpagina van pagina Projecten en dus werkt de onderstreping in het menu ook niet. Hetzelfde geldt voor een afzonderlijk nieuwsbericht.

    Op pagina Projecten zie ik 2 verschillende diktes vd onderstrepingen, dat kun je via pagina Extra CSS van de Customizer in je dashboard wijzigen:

    
    .h-underline > a::before, 
    .m-filters ul li > a::before {
        background-color: #222222;
        height: 1px;
    }
    

    Guido

    Thread starter tmitmi

    (@tmitmi)

    Dag Guido,

    Dank voor je reactie.
    De code werkt.
    In de Customizer komt er wel een verbodsbordje bij het hoofdmenu te staan. Ik weet niet in hoeverre dit nadelig is? Online werkt het prima voor zover ik zie.

    PS: in het hoofdmenu heb ik de onderlijning kunnen verwijderen door te linken naar de website met telkens de # erbij. Niet ideaal want zo wordt de pagina steeds weer opnieuw geladen, maar blijft het al scrollend wel allemaal op 1 pagina staan.

    Hartelijk dank en fijn eindejaar.

    Guido

    (@guido07111975)

    Hoi,

    Graag gedaan. Mooi dat het soort van opgelost is.

    Ik krijg overigens geen fout bij deze CSS in de Customizer.

    Jij ook een leuk oud en nieuw gewenst!

    Guido

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