Zeilenumbruch wird ignoriert

  • Hallo,

    ich habe folgendes Problem:

    Es geht um die Seite https://sandra-daniel.de/Impressum/

    Am Desktop sieht alles gut aus, aber wenn man die Seite z.B. mit dem Smartphone aufruft, werden unter "Betreiber" und "Kontakt" die Zeilenumbrüche ignoriert, sodass alle Angaben in einer Zeile stehen. Das ist natürlich nicht schön. Ich habe nur keine Ahnung, warum das so ist???

    Ich hoffe jemand kann mir da weiterhelfen. o_O

    Viele Grüße!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Mojn,

    wenn man mittels Entwicklertool im Browser auf Mobile Ansicht wechselt fällt folgendes auf;

    Code
    @media (max-width: 767px)
    br {
        display: none;
    }


    Das heißt in der Auflösung für Mobile Endgeräte wird der Zeilenumbruch schlichtweg nicht dargestellt, da dieser per CSS Anweisung ausgeblendet wird.
    Du könntest das per Custom CSS (Design/Customizer zusätzliches CSS) umschreiben.
    Was du dann anstelle von display: none verwenden kannst, müssest du mal schauen, da gibt es so diverse Dinge.
    https://www.w3schools.com/csSref/pr_class_display.asp

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

  • Da fehlen noch zwei geschweifte Klammern.
    Ich hatte das jetzt auf die schnelle nur zu Veranschaulichungszwecken einfach aus dem Webmastertool herauskopiert. ;)

    Code
    @media (max-width: 767px) {
    br {
        display: none;
    }
    }

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

Jetzt mitmachen!

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