Fantastic instuction by Donjete. I really like her style of presentation. Nice and steady and relaxed. Easy to follow along with. Thanks Elegant Themes for the great content.
Hi! First of all, great tutorial. I learned a lot. One question though: Can this be done even with when the row is set to a certain max-width? I'm working on a website where the main container is going to be 1440px width. I would really like to have the header along in that same size so it aligns with the container, but still have that nice fullwidth background when scrolling. Putting a background on the section won't work, and i'm guessing it is because the row is set to absolute. So i'm out of ideas at the moment. Hope this makes sense :)
Very nice tutorial. I saw also the other one with the Advanced Elegant Theme Menu and I managed to make one. But after every refresh I have the white screen and texts like this one that I see on your video at 29 min. I have cleaned my browsers and I tried it in 3 browsers and I have the same problem every time. Why is this happening? Thank you and keep making nice videos!
Hi This sticky menu can't be done witout the first section right? The section with the textmodule that says "View our list of top destinations for this year". Without that first section It won't be sticky?
Hello 👋 You don't need to disable "Fixed Navigation" in the Theme Options. Just go to Divi > Theme Builder > create a Header and start building it following the steps from this article: www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi
I'm learning a great deal however, when it came to changing the sticky color of the menu, that option isn't available, checked three times, and not sure what I'm missing. Any thoughts?
Hi Charlotte! 👋 You can see the sticky option next to the settings only after you set a Sticky Option in the Advanced Tab > Scroll Effect. Please, follow this article for more information: www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi
@@elegantthemes any video Regarding E commerce website... Online Course website using Divi Theme... I purchased Life time Divi package... And want to Design two websites 1- for my online store and 2- a short course for my students
Fantastic instuction by Donjete. I really like her style of presentation. Nice and steady and relaxed. Easy to follow along with. Thanks Elegant Themes for the great content.
This tutorial is very helpful for me.
Thank you very much.
Very helpful tutorial, thanks Donjete ❤️
This is good. Thank you so much for the tutorial and your hard work. It gives me more wonderful idea to create the header.
Thanks for this tutorial.
Amazing Tutorial. Thank you!
Thank you. Very nice tutorial
Hi! First of all, great tutorial. I learned a lot. One question though:
Can this be done even with when the row is set to a certain max-width? I'm working on a website where the main container is going to be 1440px width. I would really like to have the header along in that same size so it aligns with the container, but still have that nice fullwidth background when scrolling. Putting a background on the section won't work, and i'm guessing it is because the row is set to absolute. So i'm out of ideas at the moment.
Hope this makes sense :)
Thanks for this explanation. Is it possible to make it with a mega menu ? Cause I struggle doing it.
amazing video helped me alot
Hi! Sticky Options drop-down menu does not appear in Scroll Effects :( Can someone tell me how to see it?
same here
Very nice tutorial. I saw also the other one with the Advanced Elegant Theme Menu and I managed to make one. But after every refresh I have the white screen and texts like this one that I see on your video at 29 min.
I have cleaned my browsers and I tried it in 3 browsers and I have the same problem every time.
Why is this happening?
Thank you and keep making nice videos!
Hi
This sticky menu can't be done witout the first section right? The section with the textmodule that says "View our list of top destinations for this year". Without that first section It won't be sticky?
Well done!
it was a great help
Thank You !!!
Do you have to disable the "fixed navigation bar" in the "theme options" first to make this work? Thanks and great video.
Hello 👋
You don't need to disable "Fixed Navigation" in the Theme Options.
Just go to Divi > Theme Builder > create a Header and start building it following the steps from this article:
www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi
Thamks a bunch
Great Header and tutorial however was unable to import the json file to my divi library rejected it. Any solutions
Thank you
I have a white line. I've checked all the settings and its still there..
Can you use an image swap for the menu logo during sticky scroll?
I have been wanting to ask this question
I can't see similar Scroll Effesct on Section Settings. Not sure why?
As well my Divi is updated.
Same problem! haven't any solution yet?
@@alexbasar7001 hi just update the DIVI. I could see it after update
@@sunitarawat11 Hello Sunita, thanks for the information. I will try after updating.
same problem.....still updating
Add a link to a DEMO
I want to achieve sticky header effect like medium website where there is a slight delay
. is it possible to do this?
How did you create the specific page for: Transparent Header 2?
I'm learning a great deal however, when it came to changing the sticky color of the menu, that option isn't available, checked three times, and not sure what I'm missing. Any thoughts?
Hi Charlotte! 👋
You can see the sticky option next to the settings only after you set a Sticky Option in the Advanced Tab > Scroll Effect. Please, follow this article for more information:
www.elegantthemes.com/blog/divi-resources/how-to-make-your-transparent-header-sticky-on-scroll-with-divi
Life Saver
Glad to hear it helped 🤩
@@elegantthemes any video Regarding E commerce website... Online Course website using Divi Theme... I purchased Life time Divi package... And want to Design two websites
1- for my online store and
2- a short course for my students
my button doesn't stay sticky, I can't figure it out, anyone knows?
Has anyone found that this only displays properly on Chrome? When I look in Firefox, MS Edge and Safari there is no sticky effect.
Thanks & Love from Bangladesh..................................*/
it is not resoponsive in 1024px... Why?
Yes it is not responsive. Can you explain why? Where could be the mistake?
Great tutorial but the audio is way too quiet
amazing video dear can please share the source code plz :S
this tutorial put me to sleep. why bother to make it so complicated