Two years later and this is still extremely helpful! Thank you! For anyone watching in 2022 at 19:34 where he positions the socials to in line. That option is now in the layout section in the width drop-down. Hope that helps!
Ferdy, you are too much ooo. Your tutorial have saved me from losing my job. Anyway, I am a self taught from Nigeria. I really appreciate it bcos you have simpler the uses of Elementor theme builder for me.
If I say I search too much in youtube to learn elmentor and elmentor pro but the lessons from ferdy make me learn everything thank u soooo much for everything and please we want more and more and more about elmentor pro
opening that separate navigator menu really speeds things up.. Thankyou Ferdy. It also solved a problem in a previous lesson where you bring the picture background up to overlay the menu and logo .
Thanks a lot bro. I got stuck with mobile nav menu setup and really messed up it. Your video saved me. Now i will follow as you instructed. Thanks again. Keep uploading such helpful tuts.
Thanks Ferdy, I've been building Elementor Pro sites for 2 years, always wanted to do this!!! Learned so much starting out from watching your videos, glad I watched this one, always good to learn new things.
Hi Ferdy, I'm not trying to give you a hard time or anything... Your channel is excellent. I've been watching you since you started long ago. Here's a free language pronunciation lesson for you, even though your English is fantastic. WORD: Duplicate (To copy) You say: Dup - la - kate Actual pronunciation is: Doo - pla - kate Sorry for the correction, I know people hate this type of message. You're a smart guy... I thought you would like to know since you use the word often. You do so much to teach us and I am grateful for your channel. I just wanted to give you something in return. Cheers!
Wow, amazing. TBH, it wasn't easy. Yet I implemented and customized your incredible header for my new website. Took me 2 days. Thank you, thank you, thank you. Now I can continue with How To Make A Website With Elementor Pro 2021.
Thanks a lot for the video Ferdy. I was looking for sticky header for quite some time. I was especially having issues with changing the menu link colors and the logo after the header becomes sticky. Thanks a lot once again. Many of my friends are learning from you too. A lots of love from Pakistan.
Thank you for the video Ferdy! My Elementor Header and Footer keep disappearing after I make changes. It reverts to the plain WP header and footer. They are both important for the functionality of our non-profit. How do I bring them back? Thank you!
I have to finish watch this later, but thanks. If you make anything with elementor pro, after the year, will what you create for the website still work and be visible??
Very good tutorial!! I love this. I don't know why Elementor doesn't bake this into their editor. I have always had to rely on the Sticky Header Plugin which sometimes has issues with updates.
An absolutely well explained, very easy to follow and every instruction is to the point!! . Have a request can we make the nav menu turn into a drop-down menu when we scroll a bit on desktop and can we add a bit delay in or an animation when it changes the color after a scroll?
Hi Ferdy, absolutly stunning video. Very Well explained. I see that you also have a css scrit to relace the entire header on scrol. Having seen your video, where do you put this script? Isnt it easier to replace the header. I am asking because I have a search widget in the header and I cannot get it changed to the opaque view... Looking forward to your reply
Hello sir thank you for such an amazing and educative video please I am using motion effect on my website but it is not loading on the windows explorer browser and some other browsers I have done the caching but still not fixed but it load well when i am using google chrome can you please help me fixed that thanks
Hello Ferdy, First let me say that I am very new at learning wordpress and elementor pro. My question is not a criticism at all. It is truly curiosity. I started out with a Blocksy template that did not have the transparent menu bar. I did manage to get the effect that I was looking for, but there were problems. I set the margin of the hero picture at the top at a negative number. I just noticed that you set the bottom margin of the header to a negative number and then you adjusted the Z-index. My Z-index is blank, so the hero picture must naturally be the top layer? My question is: Does it matter which one you adjust and why? Thank you for this tutorial. It's helped me to better understand how this all works.
One problem when you change the color of the menu to black. Then all the color settings for the drop down menu and submenu will become black as well including all the buttons. Which is not what you want. Is there a fix code for that? Let say that the dropdown menu items need to stay white and when you hover turn green.
'Hi Ferdy, thank you for this video. I was able to follow along but have one small issue. When I scroll, the header background changes color but the icons and text do not change to the color specified in the custom CSS code. They go BLACK instead of WHITE and so my menu and social icon can not be seen once the sticky effect begins. Can you help?
Very helpful tutorial and thanks for sharing it, anyway do you have any tutorial on how to make full screen menu in elementor? or can you make one? will be very helpful. Thanks
Hi Ferdy, why the backgroundcolor of the dropdown-menu is not affected by this css-code? I would like to set the menu to transparent and change while scrolling to white. My only problem is that the dropdown menu is not changing the color to white when scrolling down (if it is set up to transparent basicly). Thank you for this great tutorial anyway. It helps a lot!
Curious on why you immediately decided to turn widgets to zero? Trying to get an understanding of your process as I am a super noob beginner and that was the one thing that threw me off lol
Nice video. I have a problem with my homepage. The background and background overlay doesn't show when I updated my homepage. Do you know how can I fix it? This is my first time using elementor. Thankyou
Hi, wondering how you can make the header menu collapse or expand? When it's collapsed, there'll be a little tabbed arrow pointing down to pull out the menu. Do you know how to do this?
Hello! Thank you very much for this course. Is very good. I have a request for you, I made a mistake with this task that affects the appearance of my work. Can you help me fix my error?
Hi, I have a header and an additional top bar above the header, i made both of them sticky but when i scroll down only the header stays sticky and the top bar disappears. What could be the issue? Thank You.
Nice video Ferdy! One thing though, when I open the hamburger menu in Tablet mode the menu opens inside of the header, in the video it opens smoothly under the header so it doesn't change the header size. Do you have any idea why this could be happening? Thanks again for the great video and would love to hear from you!
Great Video, but I do have one problem... when I scroll... my columns in my header are not in the center of the header anymore... any Idea on how to solve ?
I don't see "positioning" at 19:27. I see "mask" instead of "positioning". For those who don't have "positioning" like me, I found an alternative. Advanced > Layout > Width > Inline (auto).
Please help me with 1 thing. I scroll and it goes behind but my background doesn't turn white and its hard to see. The text turns black and that okay if I can get the background white.
Following this, and I came across an issue. Not sure what I did, but now all of a sudden, the finished menu bar is appearing as a vertical Bullet List on the site, but editing in Elementor, it appears as a normal horizontal menu just like it is supposed it. I have deleted the whole section, and recreated it, but still keeps doing it. Any ideas?
I can only see "services" and I can't see other menu's on the homepage, because they are not in white color. So for example at 48:04 only "about" is in white and others are in blue. So it's not possible to view other menus other than "about".
Thanks for the video Ferdy. Best one I think I've seen on elementor menus. Looking forward to viewing your other content.
Thank you Emeka, I did my best to cover the video with all the neccecery information 😊
@@ferdycom You are amazing man. I keep messing up my header and keep coming back to this video to fix it. XD thank you
Two years later and this is still extremely helpful! Thank you!
For anyone watching in 2022 at 19:34 where he positions the socials to in line. That option is now in the layout section in the width drop-down. Hope that helps!
Ferdy, you are too much ooo. Your tutorial have saved me from losing my job. Anyway, I am a self taught from Nigeria. I really appreciate it bcos you have simpler the uses of Elementor theme builder for me.
this has been the ONLY helpful Elementor video I have watched and I have seen a lot of them so THANK YOU!
If I say I search too much in youtube to learn elmentor and elmentor pro but the lessons from ferdy make me learn everything thank u soooo much for everything and please we want more and more and more about elmentor pro
opening that separate navigator menu really speeds things up.. Thankyou Ferdy. It also solved a problem in a previous lesson where you bring the picture background up to overlay the menu and logo .
Ferdy, I made my own header after watching this video. I made two rows of header. Thank you for your hard work.
One of the best tutorials that I've come across. I'm curious to watch all of your tutorials. Thanks a lot.
Thanks a lot bro. I got stuck with mobile nav menu setup and really messed up it. Your video saved me. Now i will follow as you instructed. Thanks again. Keep uploading such helpful tuts.
Thanks Ferdy, I've been building Elementor Pro sites for 2 years, always wanted to do this!!! Learned so much starting out from watching your videos, glad I watched this one, always good to learn new things.
Hi Ferdy,
I'm not trying to give you a hard time or anything... Your channel is excellent. I've been watching you since you started long ago. Here's a free language pronunciation lesson for you, even though your English is fantastic.
WORD: Duplicate (To copy)
You say: Dup - la - kate
Actual pronunciation is: Doo - pla - kate
Sorry for the correction, I know people hate this type of message. You're a smart guy... I thought you would like to know since you use the word often.
You do so much to teach us and I am grateful for your channel. I just wanted to give you something in return.
Cheers!
Hey Joe! Thank you! I love it when people correct me. I want to improve over time! So thanks 😊
@@ferdycom Good for you, mate! I am the same way... I'm looking forward to your next video.
Keep up the great work and cheers again!
BEST TEACHER u may not know this ur unique quality. keep it up
I love your tutorials, I've learned so much. Thank you for another fun and entertaining video, with your quirky humour.
Wow, amazing. TBH, it wasn't easy. Yet I implemented and customized your incredible header for my new website. Took me 2 days. Thank you, thank you, thank you. Now I can continue with How To Make A Website With Elementor Pro 2021.
Thank you for making a lengthy video with timetamps! Your information is really helpful and glad I subscribed
I learned a lot by watching your tutorials. Thank you Ferdy! If you come here in the Philippines I will buy you a beer. haha
Thanks Ferdy! I consult your videos from time to time to perform some tasks. Thanks for making these very informative videos.
Awesome tips! Thank you ! Any idea how to switch the underline pointer to black on the sticky header ? Thanks in advance!
Ferdy our videos are very useful. And your explanation system is very nice. Very easy to understand. Thank you so much. long live you🥰
I really appreciate all your tutorials. I find them very informative, well paced as well as practical. Huge thank you!
Thanks a lot for the video Ferdy. I was looking for sticky header for quite some time. I was especially having issues with changing the menu link colors and the logo after the header becomes sticky. Thanks a lot once again. Many of my friends are learning from you too. A lots of love from Pakistan.
Freddy,, you have made using elementor so easy to learn as I was struggling for past 1 year. Thanks again.
My english is bad, but i really love this channel, he helped me so much in my website, thx so much bro! :)
This is the best tutorial I've ever seen! Great job. Thanks a lot!
U answered about 12 of my worrying questions. I'm grateful man
Great video. The 'edit header' orange tab has disappeared from my header and I can't select it to edit it. Any idea how to fix that? Thanks.
awesome.. the way you defined each and every step is really awesome.. love the way you teach :)
Thank you, Mr. Fruty
Your tutorials are the best ❤
Hi bro how are you, i hope this tutorial will be more helpful, i always pray for you to be healthy and wealthy, stay blessed always bro n keep it up
Amazing Bro! Nice tutorial again! You are one of the BEST teachers out there. Keep it Up!
hi Fredy, thanks for your detailed tutorials.
my question is, how to activate the imported header from elementor kit?
thanks
Sooo good! I shouldn’t have bought your Udemy course. Just kidding. I have learned a lot and I’m learning a lot more from your tutorials. 💯
Thank you for the video Ferdy! My Elementor Header and Footer keep disappearing after I make changes. It reverts to the plain WP header and footer. They are both important for the functionality of our non-profit. How do I bring them back? Thank you!
Hey, ferdy your Elementro Pro tutorials are wonderful and unique I like them. I am from Bangladesh. Thanks for the Creation....
Fantastic Ferdy! You are teaching me a ton of stuff thanks
Super, super, super tutorial!! (Charles from Atlanta, GA.)
I have to finish watch this later, but thanks. If you make anything with elementor pro, after the year, will what you create for the website still work and be visible??
From the bottom of my heart thanks sir
Message from Palestine
Thankyou but is there an way to get my checkout cart in the header? makes it easier for customers to see the symbol to checkout.
You are amazing! Thank you so much for this tutorial. Learned a lot. Keep up the great work.
Thanks for this vídeo. Very nice Work. How can I change a individual color of a menu item? Like menu White, another black? Using css? Thanks
Very good tutorial!! I love this. I don't know why Elementor doesn't bake this into their editor. I have always had to rely on the Sticky Header Plugin which sometimes has issues with updates.
An absolutely well explained, very easy to follow and every instruction is to the point!!
.
Have a request can we make the nav menu turn into a drop-down menu when we scroll a bit on desktop and can we add a bit delay in or an animation when it changes the color after a scroll?
Hi Ferdy, absolutly stunning video. Very Well explained. I see that you also have a css scrit to relace the entire header on scrol. Having seen your video, where do you put this script? Isnt it easier to replace the header. I am asking because I have a search widget in the header and I cannot get it changed to the opaque view... Looking forward to your reply
Hey Ferdy! Great video!! How do you change the color on your Agency header template from the bright pink on the hover once you have scrolled down?
Hello sir thank you for such an amazing and educative video please I am using motion effect on my website but it is not loading on the windows explorer browser and some other browsers I have done the caching but still not fixed but it load well when i am using google chrome can you please help me fixed that thanks
Hello Ferdy, First let me say that I am very new at learning wordpress and elementor pro. My question is not a criticism at all. It is truly curiosity. I started out with a Blocksy template that did not have the transparent menu bar. I did manage to get the effect that I was looking for, but there were problems. I set the margin of the hero picture at the top at a negative number. I just noticed that you set the bottom margin of the header to a negative number and then you adjusted the Z-index. My Z-index is blank, so the hero picture must naturally be the top layer? My question is: Does it matter which one you adjust and why? Thank you for this tutorial. It's helped me to better understand how this all works.
thank you, Ferdy. Your video is very helpful.
Thank you, Ferdy. You just made it simple and clear.
Amazing tutorial. thank you so much, Ferdy.
One problem when you change the color of the menu to black.
Then all the color settings for the drop down menu and submenu will become black as well including all the buttons. Which is not what you want. Is there a fix code for that?
Let say that the dropdown menu items need to stay white and when you hover turn green.
'Hi Ferdy, thank you for this video. I was able to follow along but have one small issue. When I scroll, the header background changes color but the icons and text do not change to the color specified in the custom CSS code. They go BLACK instead of WHITE and so my menu and social icon can not be seen once the sticky effect begins. Can you help?
30second on the video, and I know this video is going to be very informative, thanks a lot man.
Thanks a million, Ferdy.. Love from Bangladesh❤❤❤❤
Best introduction, and everything else.
Very helpful tutorial and thanks for sharing it, anyway do you have any tutorial on how to make full screen menu in elementor? or can you make one? will be very helpful. Thanks
you are is pretty techer , tanks for good teaching
Hi Ferdy, why the backgroundcolor of the dropdown-menu is not affected by this css-code? I would like to set the menu to transparent and change while scrolling to white. My only problem is that the dropdown menu is not changing the color to white when scrolling down (if it is set up to transparent basicly). Thank you for this great tutorial anyway. It helps a lot!
Hello thanks for your tutorial, can I create different header for desktop and mobile?, how can I do with elementor? Thank you
Dude your videos are to fantastic i dont know how to say it keep up the good work!
Thanks Ferdy for this superior Header tutorial!!!!
Curious on why you immediately decided to turn widgets to zero? Trying to get an understanding of your process as I am a super noob beginner and that was the one thing that threw me off lol
Nice video. I have a problem with my homepage. The background and background overlay doesn't show when I updated my homepage. Do you know how can I fix it? This is my first time using elementor. Thankyou
Great Video my friend... I completed a solid menu..
Hi, wondering how you can make the header menu collapse or expand? When it's collapsed, there'll be a little tabbed arrow pointing down to pull out the menu. Do you know how to do this?
Hello!
Thank you very much for this course. Is very good. I have a request for you, I made a mistake with this task that affects the appearance of my work. Can you help me fix my error?
Do you know how to make header cached so it wouldn't re-load and stand still when page is updating, or user switches around the pages?
can't thank u enough, this is superb
Hi,
I have a header and an additional top bar above the header, i made both of them sticky but when i scroll down only the header stays sticky and the top bar disappears. What could be the issue?
Thank You.
Nice video Ferdy! One thing though, when I open the hamburger menu in Tablet mode the menu opens inside of the header, in the video it opens smoothly under the header so it doesn't change the header size. Do you have any idea why this could be happening?
Thanks again for the great video and would love to hear from you!
Great Video, but I do have one problem... when I scroll... my columns in my header are not in the center of the header anymore... any Idea on how to solve ?
Hi ferdy, nice to see you in full swing,
Thank you, I am enjoying this tutorial a lot.
I don't see "positioning" at 19:27. I see "mask" instead of "positioning".
For those who don't have "positioning" like me, I found an alternative. Advanced > Layout > Width > Inline (auto).
Hello, does anybody know how to adapt the css code to show the hoover colour from the menue also in the scroll down header?
Thanks
Thank you . Your video was so helpful.
You are welcome 😊
Wow! It was an excellent and creative tutorial. Thanks for the video.
Hi Freddy, thanks for the video! What if I don’t have a white logo but a transparent one?
great tut Ferdy thanks
Hi Ferdy, Can what you have shown in this tutorial be also done using the Astra theme and Elementor?
Insanely GREAT. Thank you Ferdy !
Wow! that was awesome, thanks a lot man, Stay safe
Thanks Ferdy
Please help me with 1 thing. I scroll and it goes behind but my background doesn't turn white and its hard to see. The text turns black and that okay if I can get the background white.
very useful. Thank you!
Thank you Ferdy ! Another smashing tutorial of yours !
Hi Mr. Fredy, I would like to ask you how can change the color of the sub-menu when using sticky code?
Thanks, sir
Nice, just about to search about this, and your vid came up, can't thanks enough 👍👍
Hi ferdy, how do I chg my drop-down menu color in this sticky header.?
I need help. My navigation menu has a custom color and I can't change it. (advanced - background - change does not work).
Following this, and I came across an issue. Not sure what I did, but now all of a sudden, the finished menu bar is appearing as a vertical Bullet List on the site, but editing in Elementor, it appears as a normal horizontal menu just like it is supposed it. I have deleted the whole section, and recreated it, but still keeps doing it. Any ideas?
I can only see "services" and I can't see other menu's on the homepage, because they are not in white color.
So for example at 48:04 only "about" is in white and others are in blue. So it's not possible to view other menus other than "about".
Great Video as usual Fredy, thanks
awesome, your tutorials are great! how about a remag tutorial? nobody understand how to use RH frontend tools , regards!!
I like first and then start watching, bcz I know am going to learn something special.
my problem is when i preview on smartphone, the old header is still there. how to handle it.
i use generatepress theme
This was VERY useful.
Ferdy, what do you think about off-canvas menus created with a popup? Will popup blockers try to block them?
BRILLIANT WORK!!!! Thanks Ferdy!!!
Can I change my current header without messing up my pages?