Squarespace Hilfe-Center Seiten und Inhalte Inhalte organisieren

Drop-down-Anzeige nach Template

So werden Drop-down-Navigationsmenüs auf deiner Website angezeigt.

Zuletzt aktualisiert: 31. März 2025

Mit unserer Drop-down-Funktion kannst du auf jeder Website ein Drop-down-Menü erstellen. Wie das Drop-down-Menü angezeigt wird, hängt von der Version und dem Template deiner Website ab.

Computer-Display

Auf den meisten Websites werden die Links des Drop-downs angezeigt, wenn du mit der Maus über das Drop-down fährst. In einigen Templates wird das Link-Menü nur angezeigt, wenn du auf das Drop-down-Menü klickst.

Einige Drop-downs enthalten ein Symbol neben dem Drop-down-Namen, um Besucher zum Anzeigen des Menüs zu ermutigen.

Template-Gruppe	Erweitert auf ...	Symbol	Hinweise
7.1-Websites	Hover	Keiner	Links werden linksbündig ausgerichtet, wenn die Navigation links oder mittig im Header ausgerichtet ist. Links werden rechtsbündig ausgerichtet, wenn die Navigation rechtsbündig ist.
Adirondack	Hover	+	Links werden in einer Navigationsleiste zwischen der Hauptnavigation und dem Seiteninhalt angezeigt.
Avenue	Hover	Keiner
Aviator	Klicken	+
Bedford	Hover	Keiner	Das Drop-down und seine Links erstellen eine Seitenleisten-Navigation auf der linken Seite von Layout-Seiten.
Brine	Hover	Keiner	Drop-downs werden nicht als Drop-down-Menüs im Footer angezeigt. Wenn du Layout: Spalten in Website-Stile auswählst, erstellt jedes Drop-down-Menü im Footer eine eigene Spalte.
Farro	Hover	Keiner
Five	Hover	Keiner
Flatiron	Hover	Keiner
Forte	Hover	+
Galapagos	Hover	+
Ishimoto	Hover	Keiner
Momentum	Hover	Keiner
Montauk	Hover	Keiner
Native	Hover	Keiner
Pacific	Hover	+
Skye	Klicken	+
Supply	Klicken	Keiner	Wähle unter Website-Stile Ordner-Links: Einklappbar oder Immer anzeigen aus.
Tremont	Klicken	Keiner
Wells	Klicken	Keiner	Wird standardmäßig erweitert angezeigt, wenn eine Seite innerhalb des Drop-down-Menüs angezeigt wird.
Wexley	Hover	+
York	Hover	ˇ

Die folgenden Template-Gruppen haben bemerkenswerte Drop-down-Stile, die eine zusätzliche Navigationsschicht bieten:

Adirondack -Drop-down-Links erstellen eine Navigationsleiste.
Bedford – Drop-downs erstellen eine Seitenleisten-Navigation auf Layout-Seiten.
Brine – Drop-downs im Footer werden nicht als Drop-down-Menüs, sondern als Spalten angezeigt.

Darstellung auf Mobilgeräten

Sofern nicht anders angegeben, werden Drop-down-Menüs auf Mobilgeräten eingeklappt und beim Antippen erweitert. Einige Drop-downs enthalten ein Symbol neben dem Drop-down-Namen, um Besucher dazu zu ermutigen, das Menü zu öffnen.

Template-Gruppe	Symbol	Hinweise
7.1-Websites	>	Wird in einem Overlay geöffnet. Tippe auf Zurück, um zur Hauptnavigation zurückzukehren.
Adirondack	+
Avenue	+
Aviator	+
Bedford	+
Brine	»	Wird in einem neuen Overlay geöffnet. Beim Anzeigen einer Seite im Drop-down-Menü bleibt das Menü in der Navigation erweitert
Farro	»	Wird in einem neuen Overlay geöffnet Beim Anzeigen einer Seite im Drop-down-Menü bleibt das Menü in der Navigation erweitert
Five	+
Flatiron	+
Forte	+	Beim Anzeigen einer Seite im Drop-down-Menü bleibt das Menü in der Navigation erweitert
Galapagos	+
Ishimoto	+
Momentum	Keiner	Immer erweitert
Montauk	+
Native	Keiner	Immer erweitert, innerhalb einer speziellen mobilen Navigation
Pacific	+
Skye	+
Supply	Keiner	Immer erweitert
Tremont	Keiner
Wells	Keiner	Immer erweitert. Unter dem Drop-down-Titel befindet sich eine Linie.
Wexley	+
York	ˇ	Beim Anzeigen einer Seite im Drop-down-Menü bleibt das Menü in der Navigation erweitert

Auf das Drop-down-Menü klicken

Wenn du auf Websites der Version 7.1 auf den Drop-down-Titel klickst, wird das Link-Menü erweitert.

In den folgenden Template-Gruppen in Version 7.0 wird durch Klicken auf den Drop-down-Titel die erste Seite im Drop-down geöffnet:

Bedford – Computeransicht
Brine – Computeransicht
Farro – Computeransicht
Flatiron – Computeransicht
Momentum – Mobile Ansicht
Pacific – Computeransicht
Wells – Mobile Ansicht

Um dieses Verhalten zu testen, öffne die öffentliche Version deiner Website in einem Inkognito-Fenster, bevor du auf den Drop-down-Titel klickst. Das Anklicken des Drop-down-Menüs, während du angemeldet bist, funktioniert möglicherweise nicht korrekt, wenn das erste Element in deinem Drop-down-Menü ein Link zu einer externen Website oder einer hochgeladenen Datei ist.

Du kannst einen Drop-down-Titellink zu einer Seite erstellen, indem du benutzerdefinierten Code hinzufügst. Um mehr zu erfahren, besuche diesen Beitrag im Squarespace-Forum.

Beachte, dass benutzerdefinierte Code-Änderungen nicht in den Zuständigkeitsbereich unseres Supports fallen. Das bedeutet, dass wir dir nicht bei der Einrichtung oder Fehlerbehebung codebasierter Lösungen helfen können.

Menü-Hintergrundfarbe

Bei vielen Websites wird eine Hintergrundfarbe hinter den Drop-down-Links angezeigt. Auf den meisten Websites entspricht diese Farbe einem anderen Element deiner Website, wie etwa dem eingestellten Hintergrund deiner Kopfzeile oder Website.

Verwende die folgende Liste, um Stil-Anpassungen für die Drop-down-Hintergrundfarbe auf deiner Website zu finden. Beachte, dass diese Anpassungen andere Elemente auf deiner Website anpassen können. Weitere Informationen zu Templates der Version 7.0 findest du in den Anleitungen deines Templates.

Template-Gruppe	Anpassungen
7.1-Websites	Abschnittshintergrund im Abschnitt Gesamte Website des ausgewählten Farbschemas.
Adirondack	Hintergrundfarbe im Abschnitt Website-Header
Avenue	Website-Hintergrund
Aviator	Ordner-Drop-down-Hintergrund
Bedford	Header-Drop-downs: Header-Hintergrundfarbe Footer-Drop-downs: Footer-Hintergrund
Brine	Header-Drop-downs: Ordnerfarbe Footer-Drop-downs: Hintergrundfarbe im Footer-Abschnitt
Farro	Header-Drop-downs: Ordnerfarbe Footer-Drop-downs: Hintergrundfarbe
Five	Navigations-Hintergrund
Flatiron	Hintergrundfarbe der Kopf-/Fußzeile
Forte	Wählt die Farbe automatisch basierend auf der Hintergrundfarbe oder dem Bild aus
Galapagos	Header-Drop-downs: Hintergrundfarbe. Drop-down-Links folgen Navigationslink-Farbe Footer-Drop-downs: Navigationslink-Farbe. Drop-down-Links folgen Hintergrundfarbe.
Ishimoto	Website-Hintergrund
Momentum	Navigations-Hintergrund
Montauk	Leinwand-Hintergrund
Native	Website-Hintergrund
Pacific	Background Color (Hintergrundfarbe)
Skye	Website-Hintergrund
Supply	Kopfzeile: Farbe
Tremont	Immer transparent
Wells	Website-Hintergrund
Wexley	Website-Hintergrund
York	Website-Hintergrund