How to Add a Transparent Header to Your WordPress Website | Astra + Elementor Tutorial 2021

Learn how to add a custom Transparent Header to your WordPress website in just 3 simple steps! We will be building this using the Astra Theme and Elementor for WordPress.

Get a Domain Name & Hosting for Your Website:

(I do receive a commission when you use the above link, but it gets you a discount on a domain and hosting as well. So it's a win-win!)

RELATED BLOG POST
-----------------------------------------

OTHER HELPFUL VIDEOS
-----------------------------------------

How to Backup Your Website in 5 Minutes:

How to Create a Business Email for Free

How to Create a Free Logo for Your Website:

How to Secure Your Website From Hackers:

FOLLOW & CONNECT WITH US
--------------------------------------------------

My Website :

Create a Pro Website Instagram:

Create a Pro Website Facebook:

And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:

[ruwanwlr]

3 minutes killer video, very helpful bro. Thanks

[sibtehassan]

you are very well
i really like your teaching method

[WeekendExplorer]

I already had a transparent header on my desktop website version, but it isn't transparent in the cell version. Yes, I have the toggle on the says "Desktop and Mobile" and also for "Enable on Complete Website". Any suggestions?

[HOLBAG]

I need help
i have test website hair salon
on the main menu there is a button for prices
when click on prices button page appears
with two buttons
one for ladies and othe for men
when click on ladies button prices appear on the same window
when click on men button prices appear on the same window
how can i make this?
Thanks

[AnthonyMaso-en]

Thank you for this video. I had a question: I used an Astra theme for my website. The default header for the theme seems to have disappeared. I have tried building a new header but I am unable to make it transparent. When customizing the header, I did select to enable the transparent header on the complete website. Any thoughts on what I am doing wrong? Is there a way to get the default header back?

[RumonAhmed-xn]

Definitely, it's a killer video.

[prokassim]

Awesome tutorial, thank you very much.

[vibhutiarya]

Thanku so much your video solved my problem😊

[AmazeMeAlways]

Hi no offence, where is that previous guy. Are you new owner of this

[kungfury]

Somehow this jacked up the spacing on my site, now my landing page video has white margins. ffs.

[princewellndlovu]

How to do transparent header using elementor

[KoryGraphic]

These tutorials are all awful... activating the transparent header is easy, but how the hell do you make the content ON THE PAGE, such as the forest image you already had setup?