How to create a Transparent Header Menu in Wordpress with Elementor Pro

Рет қаралды 552,221

4 жыл бұрын

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 I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above 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.

Пікірлер: 559

@andromeda1903 3 жыл бұрын

seriously, you are the best wp/elementor instructor here on YT! i lost a whole year trying to build a blog but after i found your channel i was able to make my own theme in a few weeks. it's still not done but it's already looking amazing! thank you so so much!!!

@rinodeboer 3 жыл бұрын

Great to hear!

@brandon5614 3 жыл бұрын

Glad I found this channel. Just bought Elementor Pro for my Cybersecurity/IT Journey.

@LordJHouse Жыл бұрын

3 years later and this video is still applicable. I followed another video on the same subject a few days ago, but it suggested adding a negative margin to the hero section, not the header. While this works, I found that I would have to apply a negative margin to every page if I took this route, instead of just adding it to the header (once) per your recommendation. Thanks for the tip, I will apply this tip moving forward.

@robindegroot5629 3 жыл бұрын

Just 50 secondes into this video, and I already know it's gonne be good. Thanks for the content man and keep it up!

@theenchanted3069 4 жыл бұрын

Have been searching for this solution for half day. Thank you!!

@marekgabik2898 3 жыл бұрын

Oh man, thank you. You teach me how to make transparent menu but you explain to me a lot of another detail things, which help me too.

@bamideleoyekanmi9958 3 жыл бұрын

One of the best (maybe the best) tutorial I've seen. Well done!

@muhatasimshad8653 4 жыл бұрын

I was facing the heading problem for a couple of week. I couldn't join on fiverr for this. I've searched for this solution in so many websites and videos. But all of them shows some Bullshit css coding and that is so awful. But Here you gave the best solution of ever. No coding,No Css. just a simple trick. You're amazing man. God bless you and keep it up.

@rinodeboer 4 жыл бұрын

Awesome to hear, thank you!

@robsonvieira1080 7 ай бұрын

One of the best tutorials on the internet. Thank you

@charley3849 4 жыл бұрын

Just purchased Elementor Pro, feeling very glad now as I watched this helpful video, thanks!

@rinodeboer 4 жыл бұрын

Great to hear!

@Haroldus26 3 жыл бұрын

Thanks a lot for this video. It's explained incredibly simple way and without unnecessary details.

@shiranjude 3 жыл бұрын

super video. you were singing from start to finish and we all danced. everything is clear and easy to understand.

@ezk10003 3 жыл бұрын

You the man! Haha, I bought your course, really busy at the moment, but looking forward to getting started soon!

@ArnoldBaldeNL Жыл бұрын

thanks man, leuk om een mede Nederlander deze tutorials te zien geven. je hebt mn site gered, dit lukt, ik ga mijn website even aanpassen. geniet van je avond!

@lethalsin 3 жыл бұрын

For those who don't use a specific height for the header just put an html element inside the page you want the transparent effect to take place and give the header a negative margin using its offsetHeight property with javascript!

@jennyfuchs666 3 жыл бұрын

would love to see that the background color changes when you scroll down

@namubakclothing3007 2 жыл бұрын

yes please

@brunobogdan7822 3 жыл бұрын

I have been going around for hours searching for a solution (also tried to exclude the main menu from some pages but my elementor bugged and that option is not working) I cannot thank you enough for this video, man!

@twbashar 4 жыл бұрын

Nice one rino. We always wait for your video.

@levindeheer2056 4 жыл бұрын

Heel erg bedankt Rino, het ziet er altijd zo makkelijk uit wanneer jij het doet 😉

@rinodeboer 4 жыл бұрын

Hahah!

@ambrishsudhanandan7098 2 жыл бұрын

the bottom -90 margin thing was what i was looking for ! TY so much !

@craigcastle4605 2 жыл бұрын

Rino, as always you're the best! Keep these videos coming. Thank you.

@DKingFisher 4 жыл бұрын

Clean smooth video. Thank you bro. Really helpful. Calmness 100

@skiller1081 4 жыл бұрын

Been your subscriber for long. Learnt alot from your videos. thanks

@kevinveg Жыл бұрын

I searched for ages to find out how to do this, so thanks very much.

2 жыл бұрын

I am very grateful for this video, now my menu looks fabulous. Very well explained, you are fantastic. Thank You!

@foodcity9996 2 жыл бұрын

Thanks a whole lot, you're helping me solve a huge web project with my company

@Dr.JayPrasad7 24 күн бұрын

You are damn good man. So easy, crisp. No time waste. You nailed it man. Thank you soo much brother. keep it up

@brentex1854 4 жыл бұрын

such great content! simply amazing!

@ymegananda 4 жыл бұрын

thanks a lot for the video, have been looking for this effect. easy to follow. God bless you!

@cynthiamanor6565 2 жыл бұрын

Thanks so much for sharing this tutorial! I wish I had watched it before trying to make a transparent header on my own. I recently got Elementor Pro, and your channel has REALLY been helpful to me. Keep up the AWESOME work!!

@awakekat 4 жыл бұрын

I was kind enough to google your spelling of transparant thinking you misspelled it, but not so. You are using the Dutch spelling. I learned something today. Rock on, great video!!

@rinodeboer 4 жыл бұрын

Thank you. My intention was to use the English spelling, so I changed it. Thanks again!

@vyogesh8344 4 жыл бұрын

Loved the tutorial. Good Job

@LobsangRivas 3 жыл бұрын

Thank you for the amazing content. Hope your channel grows bigger.

@LuizRicardoFotografia 3 жыл бұрын

Perfect!! I loved this menu style

@felixotten8434 3 жыл бұрын

Thank you very much! This tutorial was very great and saved me a lot of time!

@moonbeetle 2 жыл бұрын

Very nice tutorial that shows that you can creat all this without additional plugins or a special theme. Just one question, as soon as you start scrolling, you will want to header to get some background color for legibility. Would be cool if there was a follow-up video on that.

@fy1000000 4 жыл бұрын

Best I have seen! Thank you very much !

@mohammadakram599 3 жыл бұрын

Thank you very much, I was looking for exactly this

@Purcella13 4 жыл бұрын

Easiest way by far that I have found to get what you want.

@almakisingokay Жыл бұрын

this is amazing now i know how to create transparent header menu in WordPress using elementor

@cherndon8948 4 жыл бұрын

Thank you so much! Such a helpful video.

@evanparcon 4 жыл бұрын

Awesome!!!! Very thorough... ❤

@yuliashor6298 3 жыл бұрын

You are amazing! Thank you so much for your videos, they help me to progress with my website building.

@patrick64240 2 жыл бұрын

Merci beaucoup pour votre tuto, très clair et qui fonctionne du premier coup Thank you very much for your tutorial, very clear and which works the first time

@rivenlikemakar 2 жыл бұрын

You're a legend thanks for making this video

@MrBioneto 2 жыл бұрын

You make a good stuff, took a lot for my websites. Thank you man!

@sommyincrease Жыл бұрын

This video solved my confusions. Thanks for it

@prokassim 3 жыл бұрын

Thanks a lot that was an amazing tutorial, we appreciate it !!!

@scrollsequence 3 жыл бұрын

Nice, will use that on our site. Simply clever setup!

@gabrielrodrigomarquesduglo9130 3 жыл бұрын

Thank you from Brazil. You helped me a lot. ✌️

@kierantelos 4 жыл бұрын

Subscribed, liked and downloaded Elementor Pro via your link. Really appreicate the clean delivery of information!

@rinodeboer 4 жыл бұрын

Thank you so much 🙏🏻

@MayMay-gt6ld 4 жыл бұрын

You are one of the best! Keep up the good work...Cheers!

@tsunsol 2 жыл бұрын

Rino, you are wonderful. Thank you for this nice tutorial. It helps me to improve my knowledge and my homepage.

@brianbh1528 Жыл бұрын

Thanks you so much for the video,, You helped me alot, usually i'm not commenting but you support made me to express my feeling. Many Thank!!!!!!

@eskerinola5845 4 жыл бұрын

Well explained!. Thank you for sharing.

@krishnaa6010 4 жыл бұрын

Amazing quality and content thanks 👍❣️

@DChristop 4 жыл бұрын

This is awesome!!! Thanks a lot!!!

@biswajitnarzary5071 3 жыл бұрын

Easy to understand and very helpful. Thank you

@sannicsan Жыл бұрын

Gracias Capo, un excelente tutorial.

@nataliesalander7840 Жыл бұрын

Fantastic tutorial! I really appreciate you sharing this information :) such a great contribution! Thank you.

@zulhilmyzulkifli 4 жыл бұрын

Thank you, it's working for me

@benoitcastillon2776 4 жыл бұрын

Really helpful tutorial. Thanks a lot

@ramonalisa4187 3 жыл бұрын

Thank you sooo much. As always, your video was super helpful to me!

@bala1000mina 3 жыл бұрын

Wonderful tutorial! Thanks a lot!

@studiogendt3871 3 жыл бұрын

Yess, so easy. Thanks for sharing!

@Oxide451 3 жыл бұрын

This is a great tutorial. Thank you so much!

@danburdie 3 жыл бұрын

I was looking for that kind of tutorial for a very very long time so I kinda figured it out myself but using free plugins. It was not that easy and as much customizable but it did the job well. However this tutorial is awesome and definitelly will use that for myy customers websites.

@vaibhavdwivedi 2 жыл бұрын

That was a great tutorial, friend. Thank you!

@sandrotomic9128 Жыл бұрын

Thanks mate. Helped me a lot

@jasonpolonski-realtorinkan8447 4 жыл бұрын

Great Video!!! Thank you so much!

@lilreep 3 жыл бұрын

Wow your tutorials are just amazing!

@rinodeboer 3 жыл бұрын

Thank you

@saidsoultani8831 Жыл бұрын

Oh man, thank you so much ,Thank you for this video

4 жыл бұрын

Thank you Rino, good job :)

@rayacosta1 4 жыл бұрын

Muchas gracias mi bro, muy buen canal y muy buena explicación

@nastja3294 2 жыл бұрын

This helped me so much!!! Thank you 🙏🏼🤍

@DrKarenHoving 4 жыл бұрын

Thanks this looks great!

@mubashirali4741 3 жыл бұрын

Thanks for guiding us this video is very helpful for me

@EstelaRieraRamon Жыл бұрын

Thank you SO MUCH!!!

@OnlineTrainingPoint 4 жыл бұрын

WoW..... Very nice tutorial. Thank You.

@Dexquest3d 3 жыл бұрын

Oh wow wow wow wow wow. I love this. Thank you so so much

@rahmotulla 2 жыл бұрын

I am newbie, this tutorial is so much easy to understand for me.

@ChristianCorom 4 жыл бұрын

Helpful video. Thank you.

@BryanGranse Жыл бұрын

this video you've got 2.36k subs but now, just wow.. congrats Rino

@rinodeboer Жыл бұрын

Wow! I didn’t realise that. Thank you 🙏🏻

@SunilSindhey 6 ай бұрын

Thanks for this wonderful video

@bareeraamjad396 3 жыл бұрын

Amazing video. I learned a lot from it. Thank you.

@gautambedi591 Жыл бұрын

Very nice mate!

@nanimatorid 10 ай бұрын

Great tutorial 🔥🔥 Thanks! 👍

@Jnewton_br 5 ай бұрын

Thank you very much!

@desiraehenderson8345 Жыл бұрын

Amazing! Thank you

@aliyahcouture5235 2 жыл бұрын

Great video!! U're the best!

@michaeloliver6745 3 жыл бұрын

awesome as usual!!!

@lauregarelvoyages1406 3 жыл бұрын

Trankil you for your advice. You add joy on my day 🙂

@sabrinaafrinsimi6964 Жыл бұрын

That was so helpful. thanks

@shennaghaytacan4640 3 жыл бұрын

Thank you! This helped a lot

@jubayerrahman2969 4 жыл бұрын

best video for menu....thanks a lot

@mikecraft4506 3 жыл бұрын

Seriously GOOD!

@samitbhattacharya1455 2 жыл бұрын

You are my favourite. Thanks !! :)

@juanified 3 жыл бұрын

Thanks so much for this!

@mujtaba135 3 жыл бұрын

Your video deserve a Million Subscribe.

@Vivazart 2 жыл бұрын

hEY BUDY, ITS AMAZING! GREAT WORK! HI FROM BRAZIL