Szenario Mobile IPHONE mit Safari oder Firefox

Zur Zeit bearbeite ich eine Firmenhomepage. Hierbei habe ich einen "normalen Header" in der gleichen Höhe wie die "Sticky Bar". Der normale Header, mit Schriftzug, zeigt sich beim laden der Seite. Wenn ich nun nach oben scrolle, wird die Sticky Bar sichtbar die ebenfalls ein Schriftzug und das Hamburger Menu hat.

Dabei fiel mir folgendes auf:

• bei der Portrait Ansicht (Hochkant) ist der Schriftzug auf der Sticky Bar mittig und das Hamburger Menu rechts beim laden
• beim drehen des Mobilphones in die Landscape Ansicht (Quer) ist die Sticky Bar nur bis zur Hälfte (links) zu sehen und der Schriftzug ist demnach auch hier. Das Hamburger Menu ist aber mehr rechts zu sehen, also außerhalb der farbigen Sticky bar. Aktualisiere ich diese Ansicht, dann ist alles nach meinen Wünschen, so wie ich es haben möchte.
• drehe ich aber wieder das Phone, so zeigt sich ähnliches auch in der Portrait Ansicht (Hochkant). Die Sicky Bar ist zwar vorhanden aber der Schriftzug ist nicht in der Mitte, sondern nach rechts verschoben. Nun aktualisiere ich auch diese Ansicht. Sofort erscheint alles richtig. 

Alles habe ich mit HTML/CSS Code und JS Skript erstellt <-> .

Könnte das ein SW-Entwicklungsproblem sein? Habe schon alles probiert. Sogar auf META Ebene mit "Refresh". Blos das ist keine sinnvolle Lösung auf Dauer. An meinem Code liegt es nicht. Ich habe diesen entfernt und ohne alles getestet. Es bleibt bei dem obigen beschriebenen Fehler!!! Wann könnte das behoben werden?

Das Problem legt auf alle Fälle die Funktion "Sticky Bar" außer gefecht.

Vielen Dank vorab für Ihre Antwort und viel Erfolg bei der Behebung. Brauche es ASAP. ;-).