# Kompaktes Menü-Layout (Globales Menü)

> **Was Sie lernen werden**
>
> * Wie man den Bereich „Compact Menu“ in Plain Jane verwendet
> * Wie man die Navigation über die Global Menu-Einstellungen verbindet
> * Beste Vorgehensweisen für scrollbare Startseiten

> ***
>
> **Was ist das Compact Menu?**
>
> Die **Kompakte Menü** ist ein Abschnitt im Plain Jane-Theme, der ein „Hamburger“-Navigationssymbol oben auf Ihrer Startseite hinzufügt. Bei einem Klick öffnet es eine vollständige Menu-Schublade mit Ihren Navigationslinks.
>
> Obwohl der Abschnitt **Kompakte Menü**heißt, verbindet er sich mit der Navigation, die in Ihrem **Theme-Einstellungen > Globale Menü-Einstellungen**definiert ist. Deshalb kann er in beiden Bezeichnungen auftauchen.
>
> Dieses Layout eignet sich am besten für Marken, die möchten:
>
> * Eine minimale, moderne obere Leiste mit erweiterbarer Navigation
> * Volle Kontrolle über den Inhalt scrollbarer Startseiten
> * Ein sauberes visuelles Erlebnis für Storytelling oder Drops
>
> ***
>
> **So fügen Sie das Compact Menu hinzu**
>
> 1. Gehen Sie im Theme-Editor zum **Abschnitte** Bereich.
> 2. Entfernen Sie alle vorhandenen Menüabschnitte (Center Menu, Side-Aligned Menu).
> 3. Klicken Sie **Abschnitt hinzufügen > Compact Menu**.
> 4. Sie sehen ein Hamburger-Symbol in der Vorschau oben rechts erscheinen.
>
> ***
>
> **Verbinden Sie Ihre Navigation**
>
> Damit das Schubladenmenü funktioniert:
>
> 1. Gehen Sie zu **Theme-Einstellungen > Globale Menü-Einstellungen**.
>
> 2. Wählen Sie ein Shopify-Menü aus (oder erstellen Sie ein neues über das Shopify-Admin).
>
> 3. Das Menü wird nun beim Klicken auf das Hamburger-Symbol angezeigt.
>
> > 💡 Tipp: Aktualisieren Sie Ihre Navigationsstruktur unter **Onlineshop > Navigation** in Ihrem Shopify-Admin.
>
> ***
>
> **Anpassung des Erscheinungsbilds**
>
> * **Logo-Positionierung**: Links, zentriert oder rechts
> * **Hintergründe**: Kombinieren Sie es mit einem `Dynamischer Hintergrund` Abschnitt für Farbe, Bild oder Diashow
> * **Schriften & Größen**: Passen Sie die Größe und den Abstand der Menül1inks unter an **Theme-Einstellungen > Typografie**
> * **Abschnitte**: Fügen Sie weitere Startseitenabschnitte hinzu wie:
>   * Kollektionsliste
>
>   * Produkt-Karussell
>
>   * Bild-Stream
>
> > ⚠️ Verwenden Sie den `Seiten-Leinwand` Abschnitt, um alle Startseitenabschnitte einzuwickeln und zu strukturieren.
>
> ***
>
> **Wann das Compact Menu verwenden**
>
> Gut geeignet für:
>
> * Scroll-lastige Startseiten
> * Marken, die visuelle Inhalte, Videos oder Karussells verwenden
> * Mobilfreundliche Layouts
>
> Vermeiden, wenn:
>
> * Sie eine Einzelseiten-Landingpage wünschen (verwenden Sie stattdessen Center- oder Side-Aligned Menu)
>
> ***
>
> **Beispiel-Arbeitsablauf beim Aufbau**
>
> 1. Füge das `Kompakte Menü` Abschnitt
> 2. Fügen Sie einen `Dynamischer Hintergrund` (Bild, Farbe oder Diashow)
> 3. Fügen Sie zentrale Inhaltsabschnitte hinzu (Kollektionen, Produkte usw.)
> 4. Verknüpfen Sie die Navigation über Theme Settings > Global Menu Settings
> 5. Passen Sie Schriftgrößen und Logo-Position an
>
> ***
>
> **Brauchen Sie Hilfe?**
>
> * 💬 **Treten Sie unserer Community auf Discord bei:** <https://discord.gg/hcc2GvgZc6>
> * 📧 **Schreiben Sie uns eine E-Mail an:** <support@openspaces.design>
> * 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/german/readme-1/pages-and-menus/homepage-+-menu/compact-menu-layout-global-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.