Published on August 7, 2022

Tutorial: Making A Frosted Glass Sticky Header In WordPress With Oxygen

In this video, learn about the backdrop-filter CSS property and how to apply it via custom CSS to a Header Builder element in Oxygen. This video also covers briefly how to design and layout your header, as well as how to make your header sticky.

To learn more about back-drop filter, check out the MDN entry at https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter

The Oxygen Team

Updated on: August 7, 2022

See more

Latest updates from Oxygen team.

See all

Oxygen + WPCodeBox: Crafting Powerful WordPress Sites Together

Published on April 2, 2025

Elementor vs Divi: I Built the Same Site in Each and It Almost Killed Me

Published on April 18, 2025

Information for Breakdance users

Published on February 26, 2025

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If you’re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want — no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.