Wie erstelle ich bei meinem WordPress mit Astra und Elementor One-Pager einen kostenlosen Sticky Header?

Um einen Sticky Header in einem mit WordPress, Astra und Elementor erstellten One-Pager kostenlos zu erstellen, kannst du die folgenden Schritte befolgen:

1. **Astra Theme Customizer verwenden:**
- Gehe zu deinem WordPress-Dashboard.
- Navigiere zu **Design** > **Customizer**.
- Gehe zu **Header** > **Primary Header**.
- Aktiviere die Option **Sticky Header**. Diese Funktion ist in der kostenlosen Version von Astra verfügbar.

2. **Elementor verwenden:**
- Öffne die Seite mit Elementor.
- Wähle den Header-Bereich aus, den du sticky machen möchtest.
- Gehe zu den **Erweiterten Einstellungen** des Abschnitts.
- Unter **Bewegungseffekte** findest du die Option **Sticky**. Wähle hier **Oben** aus.
- Du kannst auch festlegen, auf welchen Geräten der Sticky Header angezeigt werden soll (Desktop, Tablet, Mobil).

3. **Custom CSS verwenden:**
- Falls die oben genannten Optionen nicht verfügbar sind, kannst du auch benutzerdefiniertes CSS verwenden.
- Gehe zu **Design** > **Customizer** > **Zusätzliches CSS**.
- Füge den folgenden CSS-Code hinzu:
```css
.your-header-class {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999;
}
```
- Ersetze `.your-header-class` durch die tatsächliche CSS-Klasse deines Headers.

Diese Methoden sollten dir helfen, einen Sticky Header kostenlos zu erstellen.