Skip to content
  • There are no suggestions because the search field is empty.

How to Apply a Glassmorphism Effect to Your Header

This article explains how to apply a fixed glassmorphism effect to your header, ensuring it remains visible at all times—not only when scrolling.

Applying Glassmorphism to the Header

To enable a fixed glassmorphism header, follow these steps:

  1. Navigate to Header Settings
    Go to Page Header → Style → Glassmorphism Header within your theme settings.
  2. Enable Glassmorphism Styling
    Activate and adjust the glassmorphism settings to match your desired design.
  3. Preview Your Changes
    Check your page to ensure the effect is applied correctly and remains visible while scrolling.

Conclusion

By enabling the glassmorphism option in Page Header → Style → Glassmorphism Header, you can create a consistent, fixed header effect that enhances both design and usability.