Das Kopfzeilenmenü sieht auf Ihrer Homepage nicht richtig aus und es scheint, dass sich einige Inhalte überlappen, wenn Sie mit der Maus über das Menü fahren.
Gemäß den Best Practices für das Website-Header-Design sieht der transparente Header auf Hintergrundelementen wie Bildbannern oder Diashows am besten aus. Wenn Ihr Website-Layout nicht über diese Elemente verfügt, die im ersten Abschnitt festgelegt werden müssen, kann dies der Grund dafür sein, dass bei Ihnen das oben genannte Problem auftritt. Wie Sie im Beispiel unten (im Bild) sehen können, ist die Tab-Collage als erster Abschnitt festgelegt und das transparente Kopfzeilenmenü sieht schlecht aus, wenn wir den Mauszeiger aus dem Menü bewegen.
In diesem Fall empfehlen wir Ihnen, den transparenten Header-Modus zu deaktivieren, um die beste Anzeige zu gewährleisten, wenn Sie einen anderen ersten Abschnittstyp als ein Banner oder eine Diashow haben. Dieser Artikel zeigt Ihnen, wie es geht.
So deaktivieren Sie den transparenten Header
- Klicken Sie in Ihrem Shopify-Admin-Dashboard auf Online-Shop > Themes .
- Wählen Sie auf der Seite „Themen“ das Be Yours- Thema aus und klicken Sie auf die Schaltfläche „Anpassen“ des Themas.
- Klicken Sie im linken Menü der Startseite auf den Abschnitt „Kopfzeile“ .
- Scrollen Sie im Konfigurationsbereich des Header- Abschnitts nach unten zu „Transparenter Header“ . Dort sehen Sie die beiden Optionen „Auf Startseite aktivieren“ und „Auf Sammlungsseiten aktivieren“ . Deaktivieren Sie eine oder beide davon, um das Problem zu lösen. Klicken Sie dann auf Speichern .
- Dadurch wird unterhalb des Menüs ein einfarbiger Hintergrund angezeigt, um eine überlappende Anzeige zu vermeiden.
Wir hoffen, dass Sie diesen Artikel hilfreich finden! Wenn Sie Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um weitere Unterstützung zu erhalten.
Share:
Fügen Sie eine Ankündigungsleiste hinzu
Aktivieren Sie transparente Kopfzeilen auf benutzerdefinierten Seiten