In this tutorial, you shall learn one of the huge trends in web design right now, which is how to create a transparent header. In this video, I shall demonstrate how you can create a transparent header menu in WordPress with Elementor Pro from scratch.
→ Software that I recommend
Elementor & Elementor Pro: http://livingwithpixels.com/elementor
Hostinger (Affordable Hosting provider): http://livingwithpixels.com/hostinger
Siteground (Premium Hosting provider): http://livingwithpixels.com/siteground
Figma (Design Software): https://livingwithpixels.com/figma
All software I recommend: https://livingwithpixels.com/links/
→ Gear that I use to create videos
My Laptop: http://livingwithpixels.com/gear/laptop
My Camera: http://livingwithpixels.com/gear/camera
My Microphone: http://livingwithpixels.com/gear/microphone
My Mouse: http://livingwithpixels.com/gear/mouse
→ Helpful for beginner
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8
Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.
source
This was a very helpful video. Thank you so much.
That was so helpful. thanks
I can tell you that you are an excellent mentor. Thank you for this 😀 . I laughed too at 8:01 xD…
Hi, thank you for sharing this! Just want to ask if it’s possible for me to only use the transparent header for the homepage/main page. Because besides the main page, all other pages background will be white. Thank you!
Oh man, thank you so much ,Thank you for this video
thanks شكرا спасибо gracias
thank you
Fantastic tutorial! I really appreciate you sharing this information 🙂 such a great contribution! Thank you.
I searched for ages to find out how to do this, so thanks very much.
Thank you
Thank you so much man
For anyone new to WordPress who wants to start creating their own websites, this guidebook will prove to be quite helpful. By using ElementsReady, the procedure will be sped up and made easier for novices.
this is amazing now i know how to create transparent header menu in WordPress using elementor
Hi,
Thanks for this video now i am able to make beautiful transparent header. but I need one more thing that how can we apply this header in complete site means on every page of my site i want to show this header.
kindly guide me if u have any solution
Thanks
WHERE IS CSS ?
Hello everyone! How to make it to overlay the background? If I'm making a menu, it is above my header image with a white background. How can I make the elements to be on each other? If add it before or after it is before or after with a white background. I've seen several pre-made templates but I can't figure out ow to make the elements overlay each other.
Gracias Capo, un excelente tutorial.
How do I add this menu to my existing site? When I refresh my page, the changes don't show on the site. I'm assuming it's not attached to my site. Thanks
This video solved my confusions. Thanks for it
Very nice mate!
Great video! I did what you did and I do still have a small box in white in the header. I can NOT figure out how to get ride of it. Any advise, i checked the themes setting but not finding the magic button to fix this. Thanks
thanks i got it right
Thank you SO MUCH!!!
electric instrunt for tNice tutorials? Thank you.
how did you fit the background video.Please guide about it as well.
do the instrunt samples co free with soft soft?
excellent explanation. I gained and applied. thanks a lot
bro it is awesome! what theme is this?
Elementor is crap but you have no choice.
Thank you so much for this video , i really got what i want ! this is a really usefull video
Thanks mate. Helped me a lot