letter spacing im Untermenü

  • Hallo Heli

    Sie könnten folgendes CSS probieren:

    Code
    #header #nav ul ul li a {
      letter-spacing: 3.2px;
    }
    
    #header #nav > ul li a {
      letter-spacing: 3.2px;
    }

    Mit einem freundlichen Gruss

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

    Einmal editiert, zuletzt von Alpengreis (20. Februar 2024 um 01:44)

  • Warum machen Sie das nicht auf die Navigation insgesamt ?

    #navigation a {

    letter-spacing: 0.2em;

    }

    PS: Noch als Tipp Alpengreis und Heli , wenn man 2 gleiche Sachen, schreibt man das zusammen zb so:

    #header #nav ul ul li a,

    #header #nav > ul li a {
    letter-spacing: 3.2px;
    }

    Einmal editiert, zuletzt von MKB (22. Januar 2024 um 07:25)

  • Hallo Alpengreis und MKB,

    vielen Dank für eure Hilfe. Es hat funktioniert.

    Wie es aber aussieht ist die Änderung nur im Desktopmodus, auf dem Tablet oder Smartphone sind die Abstände unverändert.

    Muss man da separat noch einen Code eingeben?

    Ich habe alle Codes durchprobiert und den ersten von Alpengreis genommen.

    Der Code für die gesamte Navigation änderte am Untermenü nicht den Zeichenabstand der Schrift.

    Der kombiniert Code änderte zwar den Zeichenabstand im Menü und Untermenü aber wie sich herausstellte

    muss ich verschiedene Abstände eingeben Menü 3.8px und Untermenü 2.6 px

    Für mich ist es so in Ordnung

    Vielen Dank

  • Normalerweise ändert man das schon für alles auch für die Mobile Ansicht, ich selber habe es bei mir im Projekt allerdings arbeite ich auch mit einem anderen Layout.

  • [SNIPPED]

    PS: Noch als Tipp Alpengreis und Heli , wenn man 2 gleiche Sachen, schreibt man das zusammen zb so:

    #header #nav ul ul li a,

    #header #nav > ul li a {
    letter-spacing: 3.2px;
    }

    Grundsätzlich guter Tipp, danke. Wobei es auch sinnvoll sein kann, es von Anfang an auseinanderzuhalten für allfällige spätere Anpassungen (für doch noch unterschiedlicher Werte) oder der Übersichtlichkeit zuliebe.

    Mit einem freundlichen Gruss

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

    Einmal editiert, zuletzt von Alpengreis (20. Februar 2024 um 01:44)

  • Hallo Alpengreis und MKB,

    [SNIPPED]

    Wie es aber aussieht ist die Änderung nur im Desktopmodus, auf dem Tablet oder Smartphone sind die Abstände unverändert.

    Muss man da separat noch einen Code eingeben?

    [SNIPPED]

    Gern geschehen!

    Das mit dem Tablet oder Smartphone (mobil) weiss ich grad nicht, versuche es aber noch herauszufinden. Werde es allenfalls hier noch posten ...

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

  • Heli

    Also, wegen der mobilen Ansicht noch ...

    Da SOLLTE es funktionieren, wenn "!important" noch hinzugefügt wird, d.h. so dann:

    CSS
    #header #nav ul ul li a {
      letter-spacing: 3.2px !important;
    }
    
    #header #nav > ul li a {
      letter-spacing: 2.6px !important;
    }

    Mit einem freundlichen Gruss

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

    Einmal editiert, zuletzt von Alpengreis (20. Februar 2024 um 01:44)

  • Hallo

    als Layout verwende ich Locus Responsive

    Das Menü/Untermenü (Zeichenabstand) im Desktop Modus und im Smartphone - siehe Bilder

    Bei Smartphone kleben die Buchstaben noch zusammen

  • Hallo Alpengreis,

    ja, das wars tatsächlich.

    Ihr seid schneller mit dem Antworten als ich mit dem Schreiben

    Vielen Dank an euch

  • Heli

    Wir waren wohl FAST gleichzeitig mit Posten :)

    Siehe oberhalb, das SOLLTE funktionieren.

    Mit einem freundlichen Gruss

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

    Einmal editiert, zuletzt von Alpengreis (20. Februar 2024 um 01:44)

  • Heli

    Hahaha, nein nein, Du bist auch schnell :)

    Freut mich, dass es geklappt hat!

    Mit einem freundlichen Gruss

    Norbert S.

    Zeta Producer (Premium), Win 11 Pro 26H2 [de-CH]
    Für mich DIE Lösung und bietet vorbildlichen Support!

    Einmal editiert, zuletzt von Alpengreis (20. Februar 2024 um 01:44)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!