How to create a Transparent Sticky Header in WordPress with Elementor
HTML-код
- Опубликовано: 4 июл 2024
- 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. - Хобби
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 :)
Totally agreed
You are the one amongst a lot of youtubers who actually makes it super simple and easy. Thanks!
Your teaching skills + Custom CSS Tricks = Perfect tutorials. So please, more CSS tutorials with elementor pro.
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 😊
This menu automatically upgraded my website, it looks so much more professional thank you very much!
Thank you! I've been watching other videos / reading tutorials and this is the first one that works perfectly without any buggy scrolling effects
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!
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!!!
You are the GOAT Rino🙌. Here in 2024 and your tutorials are always helpful. Thank you!
Everything is clear and to the point with the right amount of explanation. Your content is amazing, thank you!
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.
Bro! Seriously, Love you!!!! I´ve been searching a lot to do this with a smooth transition and I finally do it!!! Thank U!!!!
Wow! I usually don't like any videos with code but you made this seemless and easy! works perfect on my site. Thank youuuu!!!
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
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!
Now THAT is a unique content. Amazing how we have everything on RUclips and nothing at the same time. Congratz for making the RUclips have everything
Amazing, fast and clear ... this is a milestone. Good job Rino !!!!
Rino, I like this approach more than having an additional plugin for sticky header effects. Thanks!
I don't know how to say thank you. I set this to my portfolio. And it works perfectly. Thank you once again
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.
King of Elementor. Thanks
Guys! When I pasted the code on Wordpress it transformed a few lines. Now is fixed. It should work again! Here is the updated code: livingwithpixels.com/resources/transparent-sticky-header-tutorial/
You should post more videos! I love how the way you explain! so easy to follow your instructions!
not work now
Instead of shrinking the logo can I shrink the whole navigation bar? It looks like your bar adjusts size at 6:08.
Brother, the shrinking effect doesnit working
Hello, Im still having a hard time with the icon striking to a certain size.
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.
Thanks for this huge compliment! Makes my day 🎉
Best channel on Elementor hands down! Keep up the good work.
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!
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.
Thank you once again for this outstanding no nonsense content. You're number one fan in Ireland.
Big Boss. Thanks for this tutorial. My best teacher on RUclips
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!
Rino, I really love the way you teach. You are the best! Wishing you one million Views in advance.
Thanks man. You are helping a lot of us for free of cost.
I love this channel - just purchased the xd web design tutorial - definitely worth it! Thank you!
Amazing amazing worth every single second put in
Great video. Thanks for doing the research to get this code to all us non-programmers.
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!
Exactly!
I'm from Indonesia, and Thank you so much for all the really helpful tutorial!!!
You are the best, simple and awswan!
I think that you are the best explainer of elementor
*Excellent! * Thank you! Just what I needed as I continue a site redesign.
Hi Rino,
just want to say thank you. Your videos are amazing.
Keep up the excellent work!
Thanks bro, you're a life saver
Thank you so much! Strait to the point! My log header is now complete! 😍
这教程真是好,解决了我的大问题,研究了2晚上也没研究出来。
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
Hey there! I´m a lawyer from Brazil and just want to thank you, pretty much!!!
Dude saved me hours of research. Love you bro, no homo.
This has been very useful.
Thank you very much.
Been on RUclips 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 !
This blows me away ... Your one very talented dude! Cheers for this man 😎
Geweldig uitgelegd! Dank je
You are simply the best. I LOVE IT!
Thank you, all this little tricks for elementor are such a big help.
Thank you so much for solving my header problem. :)
Rino. I LOVE YOU!
That´s exactly what I was looking for.
Fannnntastic sharing! I learnt it all by your tutorial in just 30 mins! will surely follow this channel onwards!
Thank you so much!! So much gratitude for you brother
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.
I love your videos. Thanks a lot!!!
Thank you, it really helped me!
Thank you, Man, you made my day!
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!
Thank you very much, man! It helped a lot!!
Best explains tutorial ever.... Many thanks Bro... You are Brilliant...
Great Video. I think your speed of instruction was great.
Thank you so much, Rino!!! great tutorial and code, much appreciated!!!
You are a LEGEND. Amazzzzziing
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!!!
thank you so much. Your tutorial is very helpful
Brilliant video, thank you.
This tut is awesome thank you!
Awesome, man! Thank u a lot.
Your teaching skills are very well
You explain things so well.
Love the way you teach.
Thanks! excellent explanation
Yes!! Thanks Rino for your video! Going to use this one in my project👍👍
Very helpful. Thanks, Man
This is exactly what I was looking for! THX
Love your videos!
You are a gift. I appreciate you. Thank you.
Awesome tutorial, where have you been in my life for the past 2 years. I'm subscribed now, keep putting out great tutorials.
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 !
Awesome video, thank you 😀
You're videos are amazing! Super nice, thank you!
Nice guy! Love this video. Thank you!
Robiłem to dosłownie 3 lata temu i mi się zapomniało. Znakomity video :D pozdrawiam od WebCreateSite
You are such a great teacher, Thank you for all your help 😘
Thank you Rino. Fantastic job. I'm still amazed that Elementor has not added this functionality, considering how popular transparent headers have become.
Thank you for showing how easy it is to create a custom header using theme builder. 5 stars from me :)
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. :)
Great Tutorial. Worked like a Charm 🙌
Wonderful!!! Thanks a lot.
The best video on this subject ! Thanks for this amazing tutorial :)
dude you helping me so much thanks
Thanks, your teaching skills and my teacher css
This was very easy to follow, thanks man! 👌
Great and helpfull tutorial, simple step, no wasted time, no clickbait, Many Thanks!! ^_^
Absolutely sensational! Truly helped me! Already a fan!
absolutely brilliant. you rock, your video rocks and your whole channel rocks. thanks a million.
Love this whole design!
this is really good and helpful, thanks.