1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

In der mobilen Ansicht schießen manche H1 über das Ziel hinaus

Dieses Thema im Forum "Konfiguration" wurde erstellt von Persephone, 18. Juli 2021.

  1. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Hallo,

    gestern Abend hab ich mir meine Website mal von vorne bis hinten mit dem Handy angeschaut. Dabei ist mir aufgefallen, dass manche H1 Überschriften, aus dem sichtbaren Bereich hinaus laufen. Mal ist vom 1. Wort die Endung nicht zu sehen, mal fehlt vom letzten Wort der letzte Buchstabe. Betroffen davon sind ca. 15 % meiner Beitragüberschriften (H1). Im Ergebnis für mobile Geräte wird der Schönheitsfehler nicht angezeigt, da sieht alles gut aus.
    Kann mir jemand sagen, woran das liegt? Besten Dank im Voraus.
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Link zu den betroffenen Überschriften?
     
  3. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Hallo,

    liegt hier vielleicht der Fehler:
    ga('send', 'pageview');</script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    Wenn ja, wo und was genau muss ich ändern?
    Wenn nein, wonach muss ich suchen?
    Danke für eure freundliche Unterstützung.
     
  4. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    welche font größe ist den hinterlegt?
    px, em, rem

    könntest zb. media queries die font grösse anpassen

    wie @maxe schon schreibt, ohne link oder css können wir nur raten
     
  5. Persephone

    Persephone Well-Known Member

    Registriert seit:
    21. Februar 2016
    Beiträge:
    597
    Zustimmungen:
    48
    Zeig mal deine Website, dann kann ich es so wie du machen.
     
  6. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    ???
     
    danielgoehr und Henk1060 gefällt das.
  7. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    Es gibt im Prinzip drei Möglichkeiten:

    1. Verwende Soft-Hyphens als HTML-Entity ( &shy; )

    2. Mach die Schriftgröße kleiner.
    Ggf. mit separatem separatem Breakpoint für Kleinstgeräte (das ist im Prinzip sie Lösung, die @Henk1060 vorgeschlagen hat).

    3. Verwende hyphens in CSS:
    https://www.w3schools.com/cssref/css3_pr_hyphens.asp
     
    SEpp55 gefällt das.
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden