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?

 

PN

 

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.

 

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