Das fixierte Menü auf Mobilgeräten (Sticky Header): Hilft es oder stört es?

Viele Unternehmer bleiben bei derselben Frage hängen, wenn sie ihre Website auf dem Handy sehen: Soll das Menü oben fixiert und immer sichtbar bleiben, oder soll es beim Scrollen verschwinden? Die Sorge ist berechtigt. Der Handybildschirm ist klein, und eine Leiste, die dauerhaft dort klebt, scheint genau den Platz zu rauben, den der Kunde zum Lesen braucht.

Die Wahrheit liegt irgendwo dazwischen. Ein gut gemachter Sticky Header ist kaum spürbar und hält den wichtigen Button immer einen Fingerdruck entfernt. Ein schlecht gemachter frisst die halbe Bildschirmfläche, springt beim Scrollen herum und verdeckt genau den Text, den die Person gerade lesen will. In diesem Artikel zeige ich Ihnen konkret, wann er hilft, wann er stört und wie Sie ihn so einrichten, dass er für Sie arbeitet.

Was ein Sticky Header eigentlich ist

Der Sticky Header ist die obere Leiste der Website – Logo, Menü, manchmal ein Button für „Anrufen" oder „Reservieren" –, die auch nach dem Herunterscrollen oben am Bildschirm haften bleibt. Das Gegenteil ist der normale Header, der nur ganz oben auf der Seite steht und beim Herunterscrollen verschwindet.

Auf dem Desktop spielt der Unterschied eine geringere Rolle, weil der Bildschirm breit ist. Auf dem Handy, wo Ihnen nur ein schmaler vertikaler Streifen zur Verfügung steht, zählt jede Zeile Höhe. Daher kommt Ihre Sorge, und sie ist berechtigt.

Der Kerngedanke: Ein Sticky Header ist an sich weder gut noch schlecht. Entscheidend ist, wie hoch er ist, was er enthält und wie er sich beim Scrollen verhält. Genau davon hängt ab, ob er dem Kunden hilft oder ihn nervt.

Wann er auf Mobilgeräten wirklich hilft

Ein oben fixiertes Menü ist dann nützlich, wenn die Person jederzeit eine Aktion ausführen können muss, ohne zurück nach ganz oben scrollen zu müssen.

Es hilft klar in Situationen wie:

• Sie haben einen zentralen Kontaktbutton – „Jetzt anrufen", „Angebot anfordern", „Reservieren" –, den Sie immer griffbereit halten möchten.
• Ihre Seiten sind lang (Leistungen, Artikel, Preislisten) und die Person scrollt viel.
• Sie möchten, dass Name und Logo des Unternehmens stets sichtbar sind, als Orientierungspunkt und Vertrauenselement.

Auf dem Handy ist das erneute Hochscrollen bei jeder Seite eine kleine Anstrengung, die ermüdet. Ein Button, der dezent dort bleibt, erspart der Person genau diese Mühe in dem Moment, in dem sie sich entschieden hat, Sie zu kontaktieren. Hier bringt der Sticky Header tatsächlich Kunden, nicht nur Optik.

Wann er stört und Bildschirmfläche frisst

Ihre Sorge ist in den Fällen berechtigt, in denen der Header schlecht durchdacht ist. Klare Anzeichen, dass er stört:

• Er ist zu hoch. Nimmt die Leiste mehr als einen schmalen Streifen ein, bleibt auf einem kleinen Bildschirm wenig Platz für den Inhalt.
• Er enthält zu viel. Ein riesiges Logo, ein ausgeklapptes Menü, zwei bis drei Buttons und eine Suchleiste – alles oben zusammengepfercht – verwandeln den Header in eine Mauer.
• Er verdeckt Text, wenn man auf einen internen Link innerhalb der Seite klickt und die Überschrift unter der Leiste verschwindet.
• Er springt oder flackert beim Scrollen, besonders auf älteren Handys.

Hat Ihre Website solche Probleme, ist das Gefühl, dass er „Bildschirmfläche frisst", real. Der Schuldige ist jedoch nicht die Idee des Fixierens, sondern die Umsetzung. Die Lösung ist nicht, darauf zu verzichten, sondern ihn schlank und sauber zu gestalten.

Die Mittelweg-Lösung: intelligenter Sticky Header

Die beste Variante für Mobilgeräte ist in den meisten Fällen weder „immer fixiert" noch „gar nicht fixiert". Es ist ein intelligentes Verhalten:

• Der Header verschwindet beim Herunterscrollen (damit der ganze Bildschirm zum Lesen zur Verfügung steht) und erscheint sofort wieder beim Hochscrollen (wenn man das Menü sucht). Man nennt das „Hide on Scroll".
• Die Leiste ist schlank und beschränkt sich auf das Wesentliche: ein kleines Logo plus ein klarer Aktionsbutton. Der Rest des Menüs steckt in einem Hamburger-Icon.
• Wenn sie sich beim Scrollen verkleinert, bleibt nur das, was wirklich zählt.

So gewinnen Sie beides: maximalen Platz für den Inhalt, solange die Person liest, und schnellen Zugriff auf Menü und Kontaktbutton in dem Moment, in dem sie ihn braucht. Für die meisten lokalen Unternehmen ist das die richtige Balance.

Wie Sie das auf Ihrer eigenen Website heute prüfen

Sie müssen kein Technik-Profi sein, um herauszufinden, ob Ihrer hilft oder stört. Öffnen Sie die Website auf Ihrem Handy, nicht am Computer, und testen Sie:

• Scrollen Sie eine lange Seite herunter. Verdeckt die Leiste zu viel vom Bildschirm? Lässt sich der Text darunter bequem lesen?
• Klicken Sie auf einen Menüpunkt, der zu einem Abschnitt derselben Seite führt. Verschwindet die Überschrift unter der Leiste?
• Prüfen Sie, ob der Kontaktbutton griffbereit ist oder ob Sie erst nach ganz oben scrollen müssen, um anzurufen.

Wenn irgendetwas hakt, lohnt sich die Reparatur – oft ist es eine kleine Anpassung, kein kompletter Neubau.

Bei MPO Web Studio bauen wir Websites, bei denen der Header von Anfang an für Mobilgeräte durchdacht ist, und bereiten Ihnen ein kostenloses Demo vor, das Sie sehen, bevor Sie irgendetwas bezahlen. Wir arbeiten vollständig aus der Ferne, landesweit. Wenn Sie eine ehrliche Meinung zu Ihrer aktuellen Website wünschen, schreiben Sie uns auf WhatsApp und wir sagen Ihnen direkt, was funktioniert und was nicht.