WordPress: Sticky Header für Theme Purple

Die folgende Anleitung funktioniert für das Theme Purple, das neue WooCommerce-Standardtheme, und ebenso für jedes andere Blocktheme von WordPress:

• Die Startseite im Backend anklicken
• Auf Website bearbeiten klicken

• Auf das Symbol mit dem Zwei-Hälften-Kreis klicken
• Auf das Drei-Punkt-Menü klicken

• Auf Zusätzliches CSS klicken
• Es öffnet sich eine Eingabebox für CSS

CSS-Code für Sticky Header einfügen

Dann folgenden CSS-Code kopieren und in die CSS-Box einfügen:

header.wp-block-template-part {
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: 10;
}