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

Titel der Webseite wird in mobiler Ansicht nicht umgebrochen (Theme Sydney)

Dieses Thema im Forum "Design" wurde erstellt von jottbeh, 17. Februar 2020.

  1. jottbeh

    jottbeh New Member

    Registriert seit:
    10. Februar 2020
    Beiträge:
    4
    Zustimmungen:
    0
    Hallo zusammen,
    der Titel meiner Seite ist zu lang für die Ansicht auf Smartphones.
    Ich möchte das der Titel (Bonedraggers) dann eben umgebrochen wird, also Bone-Draggers.

    Wenn ich
    div {
    word-wrap: break-word;
    }

    als zusätzliches CSS (im Customizer) eingebe, dann wird das Wort an einer x-beliebigen Stelle umgebrochen aber nicht da wo es Sinn macht.

    Das "­" könnte helfen, aber WO kann ich das einfügen? an welcher Stelle genau (Datei)?
    Wenn ich das beim Seitentitel eingebe dann heisst die Seite "Bone­draggers".
    Nicht lustig.
    Jetzt hab ich grad angefangen mit WP und an so einem Mist bleib ich hängen. Kann jemand helfen?
    Vielen Dank
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Schau dir mal hyphens an.
     
  3. jottbeh

    jottbeh New Member

    Registriert seit:
    10. Februar 2020
    Beiträge:
    4
    Zustimmungen:
    0
    Moin und vielen Dank für die rasche Antwort

    ich habe in die zusätzlichen CSS
    h1{
    hyphens: auto
    }
    eingegeben. Nun wird das Wort immer umgebrochen, auch bei der Desktopansicht; obwohl es noch genug Platz hätte.
    ausserdem überlappen sich die 2 Zeilen nun. Der Zeilenabstand sollte vergrößert werden. Wo kann ich das einstellen, definieren?

    Danke an alle
     
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    Du solltest dann auch mit media queries arbeiten. Dann könnte man auch mit line-height oder verschiedenen Abständen über css arbeiten.
     
  5. jottbeh

    jottbeh New Member

    Registriert seit:
    10. Februar 2020
    Beiträge:
    4
    Zustimmungen:
    0
    Moin, moin,
    ich bin nicht wirklich der CSS Held.... (noch nicht)
    aber das scheint mir doch zu komplex zu werden.

    Wäre es evtl. einfacher nur für Smartphones an dieser Stelle die Schriftart zu verkleinern?
    Also nur dieser Titel. Der Rest wird ja eigentlich gut angepasst, oder?

    Danke für sachdienliche Hinweise..... :)

    jb
     
  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Genau das hat @maxe damit gemeint.
    Dazu wird ab einer von dir definierten Anzeigebreite eine CSS Aktion ausgelöst!
    CSS Media Queries z.B.:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Bei Durchsicht einer meiner lokalen Testinstallationen ist mir aufgefallen, dass das Sydney-Theme den site-title schon verkleinert und dort schon mit !important arbeitet.

    Das sieht so aus (ab Zeile 3532):
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Das kanst du versuchen in den Zusätzlichen CSS neunzu definieren:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  8. jottbeh

    jottbeh New Member

    Registriert seit:
    10. Februar 2020
    Beiträge:
    4
    Zustimmungen:
    0
    Moin, moin,
    Voll Goil
    das hat geklappt, vielen vielen Dank
    Liebe Grüße, Prost und gute Nacht:)
     
  9. newbie123

    newbie123 Member

    Registriert seit:
    6. Juni 2020
    Beiträge:
    7
    Zustimmungen:
    0
    ich habe das gleiche Problem. Allerdings habe ich ein Child Theme installiert. Daher keinen Zugriff auf die Zeile 3532 wie von @SEpp55 erwähnt. Ich glaube zumindest, dass da vom Editor die Rede war, oder?
     
  10. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Dann sollst du dich mit dem Thema Child auch befassen! :rolleyes:;) LINK
    Warum hast du ein Child installiert?
    Hast du zusätzliche Funktionen gebraucht?
    Dast du ein eigenes Styl verwirklicht?

    Wenn dieser Stylingblock nicht geändert wurde, gelten die style-Anweisungen des Parent-Themes!

    ..... und noch besser ist es, einen eigenen Beitrag zu öffnen - du wirst mit Sicherheit nicht die selbe Konfiguration (inkl. Plugins) wie der TE haben ;)
     
    newbie123 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