---
title: Transparenter Header ändert nach scrollen die Hintergrundfarbe
description: "## Aufgabe: Die Navigation liegt über einem Video oder Bild und ist transparent. Die Navigation soll am oberen Browserrand verbleiben und muss deshalb nach dem scrollen eine Hintergrundfarbe erhalten. ## Lösung: [Link zur Anleitung von elegant themes](https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi) **Hinweis: Das Menu…"
url: "https://wp-help.support/docs/transparenter-header-aendert-nach-scrollen-die-hintergrundfarbe/"
updated: "2025-02-05"
category: Divi Boardmittel
tags:
  - asahi kasei
  - rkf bleses
---

# Transparenter Header ändert nach scrollen die Hintergrundfarbe

## Aufgabe:

Die Navigation liegt über einem Video oder Bild und ist transparent. Die Navigation soll am oberen Browserrand verbleiben und muss deshalb nach dem scrollen eine Hintergrundfarbe erhalten.

## Lösung:

[Link zur Anleitung von elegant themes](https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi)

**Hinweis: Das Menu hat einen Bug, manchmal ist die Navigation auch transparent, obwohl man bereits gescrollt hat. Das Problem ist bekannt aber es gibt noch keine Lösung!**

### Divi Toolbox

*Header | Enable Custom Fixed Header einschalten*

### Theme Builder

Im Theme Builder wird ein benutzerdefinierter Header aufgebaut.

#### Section

*Advanced | Scroll Effekte die Option: Bleiben sie oben auswählen
Inhalt | Hintergrund Farbe für Standard tranparent
Inhalt | Hintergrund Farbe für sticky weiß (oder gewünschte Farbe)
Design | Zwischenraum padding-top: 0 padding-bottom: 0
Design | Box Schatten aktivieren
Advanced | CSS class: dtb-fixed-always eintragen (Divi Toolbox)*

#### Row

*Design | Zwischenraum padding-top: 0, padding-bottom: 0*

#### Menu Modul

*Menu Modul: Einstellungen wie gewünscht für Version als transparente Navigation und dann als Navigation auf weiß (sticky Version)*