How to create a Transparent Sticky Header in WordPress with Elementor

[@ladybeatleee]

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

[@nareknajaryan4496]

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

[@master_coaching]

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 😊

[@Environmental-Tech]

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

[@realmaxtovar]

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

[@Garthux]

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

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.

[@baliflorent6971]

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

[@lucreceaugusma7656]

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

[@PatrickLiljebeck]

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.

[@kandidat11]

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

[@agdistributor4137]

King of Elementor. Thanks

[@barbaramichelvillegasalmei7263]

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

[@DeltaYD]

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!!!

[@badarshahbaz4340]

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

[@gilanganggriawan7634]

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

[@lumaejuno2031]

Hey there! I´m a lawyer from Brazil and just want to thank you, pretty much!!!

[@markbrowne181]

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

[@isntlifebetter]

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

[@camillebourdier4000]

Been on KZbin 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 !

Hi, Rino. I am a webdesigner from Argentina. I have 47 years old and I started web designing in 1998, with Frontpage98. Passed trough Drumbeat, Flash, then Woocommerce with Visual Composer and now Elementor. Just want to thank you for taking the time to teach us. If I can return the favor anytime, just contact. :)

[@jackzheng3236]

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

[@ytamateur7146]

Best explains tutorial ever.... Many thanks Bro... You are Brilliant...

[@zhamilyanishanova3680]

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]

Thanks for this huge compliment! Makes my day 🎉

[@hridoybiswas3425]

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

[@Netunium]

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

[@FiverrSkill]

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

[@fernandoalmeida2373]

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

[@CurtisHays]

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

[@williamreymundo7082]

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.

[@alanlim8862]

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]

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

[@lianabagui]

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! ♥

[@davidwalls2304]

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

[@joseluismartinez2353]

Me llamo Jose soy de Venezuela agradezco mucho tus tutoriales amigo.

[@RobinVerser]

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!

[@JoseRamirez-yi9hk]

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!

[@Am_ro12]

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

[@Unkgraphics]

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

[@flashybolt1912]

Dude saved me hours of research. Love you bro, no homo.

[@guyneeman]

I think that you are the best explainer of elementor

[@kstampo]

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!

[@jaimethornton]

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

[@StreamlineRoofingTx]

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

[@projectafweb2701]

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 !

[@lonshapiro3718]

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

[@ritac.4523]

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

[@nuranismohdnor2638]

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

[@FirebrandVOCALS]

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

[@robset1518]

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. :)

[@monicamltan]

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.

[@WebcreateSite]

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

[@Pranayontour]

Amazing amazing worth every single second put in

[@RafaelFerrazCarpi]

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

[@farukkzlck1327]

Your teaching skills are very well

[@dzomi]

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

[@paticamillo]

Absolutely sensational! Truly helped me! Already a fan!

[@Yan-ij4hv]

Thankyou so much, its so simple and easy to understand!

[@andreainks1430]

Thank you for this video! I couldn't get the Astra Brainforce guys to help me! You made it simple!

[@likashimazu421]

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!

[@fredriksjunnesson9539]

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.

[@soheil6114]

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

[@genemoore1]

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

[@muundamudenda1304]

This has been very useful. Thank you very much.

[@CarlosHdeTejada]

This was very easy to follow, thanks man! 👌

[@donalodomhnaill]

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

[@ellensalomonsen7465]

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

[@willmagna]

Awesome, man! Thank u a lot.

[@louisdaza1923]

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

[@mohameda3312]

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

[@huyentrinhthanh104]

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!

[@VolaconCarmen]

Thank you so much for such a great content. I am watching all of your videos.

[@malabawikileaks4892]

Very awesome video. I learnt alot because it solved an issue i was facing.

[@philipp_keller]

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

[@mailsjunior]

You are a gift. I appreciate you. Thank you.

[@andyscma198]

Great and helpfull tutorial, simple step, no wasted time, no clickbait, Many 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.

[@michaeloliver6745]

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]

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

[@sertansahbaz8537]

Echt een legende jij, ik heb speciaal een account aangemaakt om te zeggen dat je door moet gaan met wat je doet

[@theprobatespecialist]

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

[@JoseShamisen]

Man, you are awesome, those tutorials are the best ive found. thank you :_)

[@androidacer7]

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

[@sergiopinna3818]

You are the best, simple and awswan!

[@marziyabeba1974]

You are simply the best. I LOVE IT!

[@GJKUZ]

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

[@evamedia-evastrom]

Thank you so much for solving my header problem. :)

[@vanessafloge5823]

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 :)

[@choupiwenfly]

这教程真是好，解决了我的大问题，研究了2晚上也没研究出来。

[@rapha-ux]

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

[@pravalikauppu6778]

Thank you so much!! You solved my major problem.

[@onlinerightway6955]

perfect!!!!! explanation in a simple way, in detail, well explained, congratulations!

[@rinodeboer]

Glad it helped!

[@onlinerightway6955]

@@rinodeboer helped and a lot

[@jakubbizon1169]

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

[@juliealbertsz6226]

Nice, just came across your KZbin video for a work project I have and I thought his English is good but has an accent is he Dutch and yes you are :) I used to live in the Netherlands as well until last year!

[@bySterling]

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

[@theprodator9809]

Problem - when i update in elementor everything looks fine, but when i check on site its not animating the background of header. Its not shrinking as it is in elementor.

[@maurodream]

This is exactly what I was looking for! THX

[@sugarmama_bakehouse]

Hey Rino. First things first, I just started learning WordPress and I'm so glad I found your channel. Now things are a hell lot easier. Keep YouTub-ing. LOL, if that's even a word !! One more issue that I faced is after adding this header template to my entire site, I cannot edit my pages' top sections individually because it falls below the sticky header. Would be nice if you could help. :)

[@mushtaqtechnologycom2824]

Rino you always help me Thanks from Pakistan ❤️❤️🇵🇰🇵🇰🇵🇰

[@jaimelujanruiz249]

Hey bro! Thanks you a lot! I'm from Peru. New subscriber :)

[@alexbucklandphoto]

Love the tutorial, was needing to update my header and love this styling. An idea for a future video if its something that is possible in Elementor, is when you scroll down instead of the logo getting smaller it changes into a different logo. For instance, my logo transforming into a different version where it uses just my initials, essentially a completely new image

[@hy.c5576]

Or when you need the logo to change colours after scrolling! I just posted the same question. Haha

[@tombarrettart]

I am no expert, but perhaps this might help: css-tricks.com/replace-the-image-in-an-img-with-css/ Since he added the condition of 100px, it should not happen until you scroll.