Content verschiebung Dark Mode in Mobil Ansicht!?

  • Hallo ihr lieben,

    es geht darum das sich der Content in der Mobilen Ansicht wenn man den Dark Mode an oder aus schaltet verschiebt in den Header Bereich. Erst beim neu laden der Seite nach umschalten wird es wieder richtig dargestellt.

    Der link zur Seite ist: https://www.lifetojourney.de/

    Zuvor habe ich das Theme "Activello" benutzt da ging das einwandfrei. Möchte jedoch gerne dieses nutzen.

    Wie kann man das schnell und sinnvoll ändern? Eine erklärung für jemanden der nicht so tief in der Materie ist wäre sehr schön.

    Vielen Dank im voraus :)

    • 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

  • Die Frage hatte nichts mit dem anderen Thema zu tun. Hier geht es darum wenn man den Dark Modus anstellt im Menü in der Mobilansicht das sich der Content in den Header verschiebt.

    Viele Grüße :)

  • Bei der Suche nach Darstellungsproblemen deaktiviere alle Cache-, Minify- und Optimierungsplugins - derzeit mindestens aktiv: Jetpack, Clearfy - damit man die Zuordnung/Herkunft von CSS leichter im Browser nachvollziehen kann. Die Seite im aktuellen Zustand hat auch HTML Strukturfehler, auch das kann ein Grund sein.

  • Hallo, danke für deine Antwort. Das mit dem Darkmode konnte ich foxen indem ich das Mobil Menü fixiert habe.

    Wie kann man auf der Start Seite bestimmte Inhalte auf die Gesamte Seitenbreite bringen aber eben nicht alle? Finde einfach nichts dazu. :(

    Und welche HTML Struktur Fehler bestehen denn und wie behebe ich die?
    Bin nicht sehr tief in der Materie drin.

    Danke im voraus für die Hilfe :)

  • Die HTML Strukturfehler sind z.B. in Firefox bei "Seitenquelltext anzeigen" rot markiert, alternativ kann man sie bei einem HTML Validator sehen, z.B.

    Code
    https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.lifetojourney.de%2F


    Neben all den anderen Problemen dort ist das hier gemeint:

    Zitat

    Quote " in attribute name. Probable cause: Matching quote missing somewhere earlier. (2)
    No p element in scope but a p end tag seen. (6)

  • Danke für deine Mühe und Hinweise, jedoch kann ich damit so gar nichts anfangen und was ich dagegen tun soll oder kann und wie. :(

    Hast du einen Tipp für die verschiedenen Content Breiten? Da ich nur entweder alles breit oder alles schmal machen kann.

Jetzt mitmachen!

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