How to create a Transparent Sticky Header in WordPress with Elementor

Рет қаралды 370,144

Күн бұрын

In this video I will show you how to create a Transparent Header in Elementor with just a few clicks.
Videos that I refer to in the video:
Header Tutorial Elementor Pro: • How to create a Transp...
Elementor Pro Basics for beginners: • Elementor Pro Wordpres...
Wordpress Basics for beginners: • Wordpress Tutorial 202...
Click here for the code: livingwithpixels.com/resource...
→ 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.

Пікірлер: 671

@realmaxtovar 3 жыл бұрын

You are the one amongst a lot of youtubers who actually makes it super simple and easy. Thanks!

@ladybeatleee 4 жыл бұрын

You're channel doesn't get nearly the appreciation it deserves. The tutorials are clear and easy to follow, not to mention that this video just solved the issue I was dealing with. THANK YOU :)

@karishyung-inkim7881 Жыл бұрын

Totally agreed

@zhamilyanishanova3680 3 жыл бұрын

Absolutely in love with this channel and your personality. Your teaching skills are brilliant and the topics you bring up in your videos come in so handy and you make it a piece of cake with step by step explanation. Thank you very much for the effort and time you put into your tutorials.

@rinodeboer 3 жыл бұрын

Thanks for this huge compliment! Makes my day 🎉

@FiverrSkill 4 жыл бұрын

Rino, I really love the way you teach. You are the best! Wishing you one million Views in advance.

@dzomi 3 жыл бұрын

Everything is clear and to the point with the right amount of explanation. Your content is amazing, thank you!

@JoseRamirez-yi9hk 3 жыл бұрын

First channel to effectively teach elementor. Before (much needed) all I would see was how to import templates and do minor edits. I’ve been watching your videos for a few weeks now. You got yourself a new subscriber!

@Unkgraphics 3 жыл бұрын

Thank you! I've been watching other videos / reading tutorials and this is the first one that works perfectly without any buggy scrolling effects

@alanlim8862 3 жыл бұрын

Hi Rino. I am new to web design and also Elementor. Here in Singapore, I have been searching the internet to learn this new skills and chance upon your tutorials. Thanks for all the efforts taken to share your knowledge and it is very useful and straight forward to learn from your tutorials. Once again, keep up the good effort and I am appreciate your kindness in sharing.

@3mediastudiodesign 3 жыл бұрын

Amazing, fast and clear ... this is a milestone. Good job Rino !!!!

@androidacer7 4 жыл бұрын

You have a great easy and simple way to explain tutorials. Keep up the good work. I've seen a lot of tutorials and yours are so easy and simple to follow. Thanks a lot

@monicamltan 3 жыл бұрын

Nice!! I was indeed pulling hair on headers...love the transitions and the codes were especially neat. Thanks for being generous in sharing. Your explanation's made it so much easier.

@isntlifebetter 2 жыл бұрын

Wow! I usually don't like any videos with code but you made this seemless and easy! works perfect on my site. Thank youuuu!!!

@barbaramichelvillegasalmei7263 3 жыл бұрын

Bro! Seriously, Love you!!!! I´ve been searching a lot to do this with a smooth transition and I finally do it!!! Thank U!!!!

@wan6631 2 жыл бұрын

Finally the tutorial I was looking for, exactly what I wanted to do with my WP site. Very detailed and informative. Thank you so much!

@DeltaYD 3 жыл бұрын

I LOVE YOUUUUU!!! I've been trying to make exactly this change to my site's header for a long time!!! thanks for your tutorial!!! simply perfect!!!

@Netunium 3 жыл бұрын

Now THAT is a unique content. Amazing how we have everything on KZfaq and nothing at the same time. Congratz for making the KZfaq have everything

@nareknajaryan4496 3 жыл бұрын

Your teaching skills + Custom CSS Tricks = Perfect tutorials. So please, more CSS tutorials with elementor pro.

@master_coaching 3 жыл бұрын

Hello, thanks for this video. But I would like differents logo when scrolling. First logo in PNG with no colour, then when scrolling the logo have to change. Thanks 😊

@kandidat11 3 жыл бұрын

You need to get a oscar brother, this is one of the best videos i found on youtube to start codding from basic. well done and thanks

Жыл бұрын

ooooh! very nice tutorial!!! I have been a web developer for over 20 years and each time I find that Elementor is a wonderful tool for web design.

@chrizzly342 3 жыл бұрын

Hey mate, great content and help as usual :) It helped me a lot to understand a little more about the standard elementor menu. I've never worked with this widget before, I always used more complex custom menu plugins. As I see now, it will help me to build my easier and more image based websites. Thanks for your tutorial, and have a great week ahead!

@fernandoalmeida2373 Жыл бұрын

Hi Rino, just want to say thank you. Your videos are amazing. Keep up the excellent work!

@markbrowne181 3 жыл бұрын

Thank you once again for this outstanding no nonsense content. You're number one fan in Ireland.

@Garthux 3 жыл бұрын

This menu automatically upgraded my website, it looks so much more professional thank you very much!

@lucreceaugusma7656 2 жыл бұрын

Best channel on Elementor hands down! Keep up the good work.

@lianabagui 14 күн бұрын

Subscribed! Really easy to follow and very well explained. Thank you for sharing this tutorial, I've been thinking about this layout for a while now. Looking forward to more Elementor tips and tricks! ♥

@likashimazu421 3 жыл бұрын

YOU'RE THE BEST!! This worked perfectly. Thank you so much! I also found in the comment section on how to make your background white and change the font color!

@davidwalls2304 3 жыл бұрын

Rino, I like this approach more than having an additional plugin for sticky header effects. Thanks!

@kstampo 2 жыл бұрын

Well, it's been ages since I've seen such clear explanations and step by step instructions. You are awesome! Keep on and thank you!

@highsite Жыл бұрын

Exactly!

@Environmental-Tech 4 ай бұрын

You are the GOAT Rino🙌. Here in 2024 and your tutorials are always helpful. Thank you!

@PatrickLiljebeck 3 күн бұрын

You have made this so easy and smooth. Thanks for the effort to explain in great detail. I have honestly invested 16 hours fighting with this problem and in a few minutes , as the header was already made, I pasted in your code and great results.

@sylvanpangbroehrn2281 4 жыл бұрын

Great video, I can't wait to start using this on new projects! This really helped out. Looking forward to that logo in dashboard/login in future video. Keep up good content :)

@amrobbie 2 жыл бұрын

I love this channel - just purchased the xd web design tutorial - definitely worth it! Thank you!

@jackzheng3236 2 жыл бұрын

Fannnntastic sharing! I learnt it all by your tutorial in just 30 mins! will surely follow this channel onwards!

@CurtisHays 2 жыл бұрын

Awesome tutorial, where have you been in my life for the past 2 years. I'm subscribed now, keep putting out great tutorials.

@RobinVerser 3 жыл бұрын

Bro I just landed on your page after 2 days of searching for a solution to this sticky header for my website. Thanks a mil!

@FirebrandVOCALS 3 жыл бұрын

This blows me away ... Your one very talented dude! Cheers for this man 😎

@hridoybiswas3425 3 жыл бұрын

I don't know how to say thank you. I set this to my portfolio. And it works perfectly. Thank you once again

@michaeloliver6745 3 жыл бұрын

Rino, you're freaking amazing!!! I love your channel. You make me feel like I can do these things and actually make an income at it!!! Thank you!!!

@arjunpsk 3 жыл бұрын

This was very informative and you really have a good tutoring vibe. Much Appreciated. Subscribed.

@baliflorent6971 3 жыл бұрын

Big Boss. Thanks for this tutorial. My best teacher on KZfaq

@camillebourdier4000 3 жыл бұрын

Been on KZfaq since I'm not sure how many years and I'm almost sure this is my first comment ... I looove your page Helping me so much , fav channel !

@badarshahbaz4340 2 жыл бұрын

Thanks man. You are helping a lot of us for free of cost.

@nuranismohdnor2638 3 жыл бұрын

You're so awesome and u explain everything very clearly!! you get a new fan now :DDD

@philippjkeller 3 жыл бұрын

You're videos are amazing! Super nice, thank you!

@donalodomhnaill 3 жыл бұрын

absolutely brilliant. you rock, your video rocks and your whole channel rocks. thanks a million.

@theprobatespecialist 3 жыл бұрын

*Excellent! * Thank you! Just what I needed as I continue a site redesign.

@RafaelFerrazCarpi 4 жыл бұрын

Hey dude you're the guy! Awesome videos and ideas. Here in Brazil we say " Esse cada é foda!" - something like "This's the man", you know. Thanks, by way

@lonshapiro3718 Жыл бұрын

Great video. Thanks for doing the research to get this code to all us non-programmers.

@projectafweb2701 3 жыл бұрын

So useful insight to vast my skill about wordpress. So many videos I have watched but it couldn;t solve my problem about this. Thank youu so much !

@robset1518 4 жыл бұрын

Door deze video's elementor pro gekocht en net succes de blog website kunnen maken, die probeerde ik vandaag te combineren met deze header, maar daar ga ik nog ff ergens de mis mee in, en weet nog ff niet waar precies, maar ga verder puzzelen ermee, en dank voor deze geweldige video's die me dit leren en ik een leuk blog aan over heb. :)

@soheil6114 Ай бұрын

Super helpful and informative! Thanks. Keep it up ✨️🔥

@louisdaza1923 3 жыл бұрын

Thank you, all this little tricks for elementor are such a big help.

@ellensalomonsen7465 3 жыл бұрын

You are such a great teacher, Thank you for all your help 😘

@WizardOfCheese 4 жыл бұрын

im new to the channel, i like your vids! a lot of helpful tips :)

@williamreymundo7082 3 жыл бұрын

Eres un crack 🔥 muchas gracias por tus videos, te lo juro que son oro puro. Te comento en español porque es mi lengua materna jaja Saludos.

@rapha-ux 4 жыл бұрын

Rino. I LOVE YOU! That´s exactly what I was looking for.

@genemoore1 2 жыл бұрын

Thank you Rino. Fantastic job. I'm still amazed that Elementor has not added this functionality, considering how popular transparent headers have become.

@ritac.4523 2 жыл бұрын

The best video on this subject ! Thanks for this amazing tutorial :)

@KGDMLVNG 2 жыл бұрын

Thank you so much! Strait to the point! My log header is now complete! 😍

@jakubbizon1169 2 жыл бұрын

Amazing tutorial - simple and on point. Surely I will come back for more content. Keep it up! :)

@liorazakai 3 жыл бұрын

Thank you very much, your videos are eye-opening and teach a lot.

@paticamillo 2 жыл бұрын

Absolutely sensational! Truly helped me! Already a fan!

@jaimethornton 2 жыл бұрын

Thank you so much, Rino!!! great tutorial and code, much appreciated!!!

@CarlosHdeTejada 4 ай бұрын

This was very easy to follow, thanks man! 👌

@holivertardier 4 жыл бұрын

amazing! I'm from Brazil and yours videos that's incredible

@vanessafloge5823 3 жыл бұрын

You are really the best! Great video! I have so much fun working on my website with your tutorials. Wihout them I would be lost :)

@andyscma198 3 жыл бұрын

Great and helpfull tutorial, simple step, no wasted time, no clickbait, Many Thanks!! ^_^

@dariuswillow9964 3 жыл бұрын

Thank you very much for your great tutorials, it helps a lot.

@huyentrinhthanh104 4 жыл бұрын

I guess its not only me who want to see full page screen shot of your products! I love the transition of color from your first section to the next one!

@fifty095 4 жыл бұрын

Nice ! a great tutorial as usual! Thanks for sharing that with us Rino!

@DanielMerrido 4 жыл бұрын

Helpfull tutorial. Thank you. Good luck on your digital journey.

@gilanganggriawan7634 Жыл бұрын

I'm from Indonesia, and Thank you so much for all the really helpful tutorial!!!

@bukunmidev 4 жыл бұрын

I LOVE YOUR CHANNEL AND THAT MAKES ME SUPPORT

@marziyabeba1974 3 жыл бұрын

You are simply the best. I LOVE IT!

@mohameda3312 2 жыл бұрын

Thank you so much, this helped me make the sticky look much nicer. Oh yeah, I subscribed already.

@bkdeveloping7476 3 жыл бұрын

Thank you so much for your tutorial. One of the best!

@bySterling 4 жыл бұрын

Such an awesome video and header style and one millions can benefit from! 🙌🏻⚡️💻📱💪🏻💥👏🏻

@elbfoxx 2 жыл бұрын

I love your videos. Thanks a lot!!!

@muundamudenda1304 2 жыл бұрын

This has been very useful. Thank you very much.

@Travelmonster Жыл бұрын

Geweldig uitgelegd! Dank je

@CodeRover182 2 жыл бұрын

Great Tutorial. Worked like a Charm 🙌

@kamalikamandal3252 4 жыл бұрын

Thank you so much ❤ needed this for a long time..

@agdistributor4137 3 жыл бұрын

King of Elementor. Thanks

@moslemayasmin8949 Жыл бұрын

Thank you so much. You are so sweet to teach and easily catchable. Thank You, it Helps me A lot to solve my issue & of course Best wishes from My Heart.

@janportfolio 4 жыл бұрын

Yes!! Thanks Rino for your video! Going to use this one in my project👍👍

@hama5575 3 жыл бұрын

thank you so much. Your tutorial is very helpful

@StreamlineRoofingTx Жыл бұрын

Great Video. I think your speed of instruction was great.

@user-nh3yh1un5u Жыл бұрын

Robiłem to dosłownie 3 lata temu i mi się zapomniało. Znakomity video :D pozdrawiam od WebCreateSite

@sergiopinna3818 2 жыл бұрын

You are the best, simple and awswan!

@GJKUZ 3 жыл бұрын

Thank you for showing how easy it is to create a custom header using theme builder. 5 stars from me :)

@fredriksjunnesson9539 2 жыл бұрын

You´ve teached me so much about webbdesign, wordpress and elementor. I´ve always wanted to do this for a living, and now I do. Thanks to you. I am very, very thankful for all the work you´ve put in creating youtube-content so that we can learn. I want to repay you somehow so I can show my gratitude. Is there any way to donate or something? Wish you all the best, I really do.