Aktiv headermenu efter klik på submenu

Elementor

Denne CCS kode virker kun sammen med Elementor Pro.

For at koden virker, skal du først have oprettet en menu i WordPress og dernæst et eller flere underpunkter i menuen.

Læg mærke til at “Eksempler” er blå, selvom undermenupunktet “Brochure…” er aktivt.

Support, submenu

CSS kode

.current-menu-parent > a {
color: red !important;
}

Bemærk

Bemærk at du på helt almindelig CCS fremgangsmåde kan føje andre farvekoder, styling af forskellig slags til, fx kursiv, border, border-radius osv.

I stedet for “red” som i eksemplet, kan du skrive farvekoden for sort: #000000; osv.

Fremgangsmåde:

  • Rediger sidehovedet i Elementor Pro.
  • Klik på menu-elementet eller tilføj et.
  • Indsæt ovenstående kode i CSS feltet.
    CSS feltet står under fanebladet “Avanceret”.
Support, submenu

Kilde

Vi har ikke opfundet den dybe tallerken. :-)

I stedet har vi fundet en god artikel på www, nemlig denne:

https://github.com/elementor/elementor/issues/17537