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

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.

If you can build it with WordPress, you can design it with Oxygen.

Lifetime Access
Oxygen Classic + New Oxygen
All Premium Add-Ons
60-Day Money Back Guarantee

Start Designing

See more

Latest updates from Oxygen team.

See all

Oxygen 4.9.2 is now available

Published on November 7, 2025

8 Best WordPress Landing Page Plugins 2025

Published on October 23, 2025

20 Most Common WordPress Errors and How to Fix Them

Published on October 10, 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.