Website Building » Elementor » How do I make a transparent sticky header in WordPress Elementor free?

How do I make a transparent sticky header in WordPress Elementor free?

Last updated on September 25, 2022 @ 3:53 am

Making a transparent sticky header in WordPress Elementor is easy. To do this, first create a new header style in WordPress Elementor.

Under the General tab, select the Background checkbox and select Transparent from the list of available options. Click the Preview button to see how your header will look.

PRO TIP: Warning: This question may lead to broken code and/or a bad user experience. Use at your own risk.

Now, to make the header transparent, simply drag and drop a transparent image onto the header style. The image will automatically become transparent.

To keep the header transparent while scrolling, add a scrollbar to the header style.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.