Sticky Transparent Header with Elementor FREE (Step-by-Step Tutorial)

Easy step-by-step guide on how you can create a Sticky Transparent Header with Elementor Free in WordPress. To make this transparent sticky header, we won't be using any additional plugins. Only the free version of Elementor and few simple lines of code that you can copy and paste as I show you in the video.


1. Copy the code (link below) and add it in an HTML widget

Link: https://websitehour.com/sticky-transp...

------------------------------------------------------------------------------

2. Add this CSS Class to the Header Section:

clearHeader

------------------------------------------------------------------------------

3. That's it! Here are the colors I used in the video

HEX Color:
- Normal/Solid Color: #0047CE
- Transparent (Opacity 80%): #0047CECC

Transparent RGB Color:
- Normal/Solid Color: rgb(0, 71, 206)
- Transparent (Opacity 80%): rgba(0, 71, 206, 0.8)


** Elementor Free Header Template **

To show your header (or footer) on every page automatically for FREE, watch this video:    • How to Build a Header and Footer Temp...