weisser Balken über Menü twenty seventeen nur beim ersten Aufruf Firefox

  • Hi,

    Ich habe ne WP Seite erstellt mit theme "twenty seventeen" und nutze "advaced twenty seventeen" als Plugin / Erweiterung. Ich habe über Webseiteninfo / Header kein Bild eingebunden.

    Problem:
    - Wenn ich die Seite mit einem Firefox aufrufe, ist beim ersten Aufruf nach dem Browserstart ein weisser (eigentlich grauer) Balken über dem weissen Menüband. Nach dem ersten Klick in irgendeinen Menüpunkt verschwindet der Balken und die Seite sieht so aus, wie ich sie haben will.
    - Auf einem zweiten PC mit Firefox tritt das selbe Problem auf.
    - Es ist unabhängig vom Cache. Wenn ich den FF schließe, den Cache unverändert lasse und den FF erstmals neu öffne, gleiches Problem.
    - Wenn ich einen FF offen lasse, einen zweiten FF im neuen Fenster öffne - gleiches Problem.


    über CSS hab ich ein individuelles Bild hinter dem Logo eingebunden (und lokal eigebundene fonts):

    /* angepasstes Headerimage hinter dem Logo */
    .headerimg {
    width:100%;
    height:100%;
    background: url(https://www.XXXXXXXX.de/wp-content/uploads/YYYYYYYYYY.png) no-repeat;
    background-position: left top;
    background-size: 100%;
    margin: 0 auto;
    background-attachment: fixed;
    }

    am CSS liegt es aber auch nicht, denn selbst ohne die CSS macht er beim ersten Aufruf im FF den Versatz, der nach dem ersten Klick ins Menü oder aktualisieren verschwindet.

    Das Problem tritt -soweit ich testen konnte - nur beim Firefox 60.0.2 auf.
    IE / Edge 42.17134.1.0, Chrome 67.0.3396.99 zeigen das beim ersten Aufruf direkt richtig an....
    Rufe ich die Seite über WP > Customizer auf, sieht es auch alles korrekt aus, kein weisser Balken

    Hat jemand ne Idee, woran das liegen kann?

    • 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

  • Schade, dass die Hilfe hier nicht öffentlich erfolgen kann. Damit verliert das Forum seinen eigentlichen Sinn :(

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Recht hast du, Sir :-)
    Ich fasse mal eben zusammen, was bisher nicht zur Lösung geführt hat:

    - alle Plugins deaktivieren (keine Besserung)
    - umstellen der background-size: 100% im CSS auf "background-size:cover"
    - div custom-header-media gecheckt - ist leer
    - indiv. CSS angepasst auf:

    /* angepasstes Headerimage hinter dem Logo */
    .headerimg {
    background: url(https://www.xxxxx.de/wp-content/uploads/xxxxxxxxx.png) no-repeat;
    background-position: center top;
    background-size: cover;
    margin: 0 auto;
    background-attachment: fixed;
    }

    - das Austauschen oder Veränderen der PArameter des Headerimages brachte auch nix

    - dann ist aufgefallen, dass der "FF-Zoom" bei Einstellung 100% eben Probleme macht. Wird der Zoom auf 90% gestellt oder 110% (der FF geschlossen, mit 110% oder 90% wieder geöffnet), so erfolgt sofort beim ersten Seitenaufruf die korrekte Darstellung.

  • Kannst du den Link nicht über einen URL-Shortener posten? Sonst kann man nicht helfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • mit dem shortener kapier ich nicht... wenn ich die Seite im netz sehe, kann ich sie ja wieder googeln....

    egal, hier ist die url:
    fs-bullert.de

Jetzt mitmachen!

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