Thanks Wes! For those who, like me, can't see any change on their website (the menu and footer just won't show). I manage to make it appear going in my page > edit with elementor > elementor burger menu > site settings > layout > default Page layout, select "Theme". In my case, it was on elementor canvas I think (which is something advised by other youtubers). But be careful, i'm no pro, i'm have no idea why this worked... I just know it did in my case...
Amazing i am looking from last 5 days how to make header and footer but i did t get any good result but now i got something that i can call you are the best❤️❤️
I love your video so much!!! You have helped me to move away a big stone in front me, but it looks so easy from your video, I want to say many many thanks to you
Absolutely badass, thank you. This saves so much effort and gives you a lot more options in your design rather than having to work with the often finicky and difficult Wordpress nav menu/header, which depends on the theme, template, can't be moved around to different parts of the page easily-- any way like this that you can use a global element and also keep everything designed basically directly within Elementor is ideal! Thanks again. Subscribed just for this vid, keep it up!
Thanks, Wes I have just followed this video through and created a great new header and footer for my site- easy to follow the guide, keep up the great work.
@@WesMcDowellInc Again, thank you for this video. I keep trying to put my website online and I reached again this video. However, I have a question: how I put different headers in the same website? I'm trying to put a header for the Landing Page, with buttons with the landing page information only, and keep other header for the rest of the website. Thanks in advance.
Big thumbs up for your video. You clearly and easily solved a problem I had been having to change my header tab names in the first 2 minutes of your video! I had spent 2 hours trying to figure it out - thanks!! 😁👍
If anybody is having an issue where the header and footer are not showing up when you preview your site, make sure your pages templates are set to "Elementor Canvas". You can do this by going to your dashboard > pages > then hit edit under the page. Then, on the right side of page, youll see "Template".
And also you have to specify "Type of template" again... and I don't know why, because that step was done at the beginning in the creation of the footer and header.
What a great tutorial. I don't understand why it's so hard for some people to simply add (Pro version) to their videos. Literally seen 3-4 complete videos, just to realize in the end that I wouldn't be able to use a certain feature (needed for the assignment) unless I had pro version. Okay, a (late) question here: If I want to do the more modern type of menu, in the centered header with a link/ menupage - a logo - link/ menupage, how would I ever be able to do so? I dont know if it makes sense - but I'd like to have a menupage on left centered side, the logo/ link for home-page, and on the right side of the logo have another menupage. But, to do that, I've made two separate menus, but that doesn't exactly look good while using mobile as it adds two burger menus :D .. Hope you can help :D
For me this is master class my friend especially impressed about way of explaining appropriate love from spain 🇪🇸 and I subscribed your channel is well
Hi Wes, I did everything exactly as described, however when I launch the website it doesn't let me go to other pages from the menu and simply doesn't do anything. Do you know what might be the reason?
Here's the best way I've found (but if someone knows the "right" way, please educate me) When you are on the Elementor page where you can edit layout, logo, menu, etc., use the navigator to make the changes you are picking apply to the ENTIRE three-section "container". Pick "Style", expand the "Background" menu. Where it asks you to choose "background type", click "classic" (the paintbrush icon). That will pop up a the "Color Picker" menu. Under the color swatch, you will see a slider that allows you to pick color. Under that is a transparency slider. You can take that all the way to the left which makes the opacity 0%. Follow all the other steps and your header will appear everywhere you decided it will -AND- will be transparent.
But how do you apply them to be used as a theme? No idea wtf I'm doing wrong I feel like such a newbie. 🤣 I do love Elementor though. Still learning a lot as I only recently started using it after decades of website development and design. The most confusing part to me is how it works with WordPress and the standard WordPress themes. Still learning my way around the ins and outs there. Great video!
OMG It worked y'all!!!!! You don't understand how long I've been looking for this tutorial!! Thank you. Please keep posting. (About wordpress & elementor, lol)
Awesome video! Quick question, how does it stay floating on the page? I got both header and footer set up and all works great except that the header is not sticky, it moves while scrolling.
nice one thanksa Wes . i am i bit confused because i dont have and header footer pluging, and yet i somehow made some headers althout they are moslty turned off becuase i dont like their layout and i dont know how to change them lol. could have been done with the free elementor or the classic editor
Perfect! The column adjustment helped! It was hard to edit mobile without ruining the desktop version. Is there a way to edit separately in elementor free without changes happening to desktop?
Great video. It has helped tremendously. Question... When I went to make an adjustment to my phone view, it shifted my desktop view. Is there a way to avoid this?
Thank you for this vid! I'm just wondering, I'm not able to do full width of the page. There's a space on both sides of the page and I'm not sure why even if I chose full width on the layout settings of the container.
Need saving here :D I used your tutorial, and it is amazing, but from the beginning I have a problem. When I drop the navigation menu widget, it doesn't appear like yours - with words, instead I have the hamburger icon and a dropdown menu from which I can't get rid of. Please send help :D
thank you for this! Just one question, my starter template already came with a header and footer, and will that one automatically be disabled when I published my new one? Because I can't find any settings to disable the original header. When I deleted the original header in the 'customise' section - the new Elementor header also disappeared.
dear Wes, thank you so much for your content. Please let me ask you about responsive desing.... when i finish desktop header edition, next step is edit mobile edition, right? okay but when i finish mobile header edition, unfortunately the desktop header went totally disconfigured (keeps the mobile edition but bigger).... how can i solve this? how can i separate mobile version edit between desktop and even tablet? thank you so much
My blog page is not mobile friendly. There is no option of edit with elementor in front of that page. Everybody is talking only about editing only homepage. Nobody is talking how to make other pages of website responsive. And now it's 3AM in the clock and I am frustrated as hell. WTF. If anyone have solution for this please tell, please.
Hi Suyash! I have a video tutorial on how to make a website for any business. You might want to check that out. Here's the link. th-cam.com/video/i3fx2c_p6gU/w-d-xo.html Enjoy! 😊
Great video! I unfortunately have a problem with the logotype being blurry and not having any color. I try to change different background color but it just takes over the logotype. Does it have anything to do with the filetype or something? I Followed your instructions very precisely.
![Free Elementor Sticky Transparent Header Tutorial. [Sticky Header On Scroll Effects] No CSS, No BS😜](/img/n.gif)
Finally!! Someone who I can understand and teaches very clearly and not in massive detail with changing to 700 colors etc.. Thank you!!!!
Wow, thank you Brenda! 👍😊
This is the third video in 2 days where I end up on your channel to find the solution that works best for me. You earned a sub!
Welcome aboard! 👋 Glad to have you Eddy 😃
Thanks Wes! For those who, like me, can't see any change on their website (the menu and footer just won't show). I manage to make it appear going in my page > edit with elementor > elementor burger menu > site settings > layout > default Page layout, select "Theme". In my case, it was on elementor canvas I think (which is something advised by other youtubers). But be careful, i'm no pro, i'm have no idea why this worked... I just know it did in my case...
Hey, thats great to know!
Helped me real quick. Thanks!
Thanks! I was also struggling and this saved me.
Dude you are genuinely underrated, amazing work !!!
I appreciate that Waseem!
Amazing i am looking from last 5 days how to make header and footer but i did t get any good result but now i got something that i can call you are the best❤️❤️
I watched other how to/tutorial videos, however.. yours was so easy to fallow. Excellent job.
Glad to hear that Stanislav! Appreciate it. Thanks for watching!
just found you and one of the best tuts on YT thnx
Thanks, Tracee! 😊
I love your video so much!!! You have helped me to move away a big stone in front me, but it looks so easy from your video, I want to say many many thanks to you
Thank you and you got this! 👍😊
Thank you. Great step by step instruction that stopped me from having to spend more money on upgrades.
Great to hear! 👍
Absolutely badass, thank you. This saves so much effort and gives you a lot more options in your design rather than having to work with the often finicky and difficult Wordpress nav menu/header, which depends on the theme, template, can't be moved around to different parts of the page easily-- any way like this that you can use a global element and also keep everything designed basically directly within Elementor is ideal! Thanks again. Subscribed just for this vid, keep it up!
You are so welcome Jordan! 🙌😎
Thank you. Watched 3 vids before this but you explained the footer menu well.
Glad that it was helpful! Good luck!
Not all hero's wear capes! Thank you!
Thanks Jae 😎!
WHAT AN AMAZING video!!!! I took my time and follow you through out and it was so EASY! I AM NOT a web or graphic designer. So Thank you!!!
Glad it was helpful! Fantastic! 😊
Really great tutorial
This also helps for who search online for queries "logo and menu not showing wordpress pages"
Thanks Brother
You're most welcome Reshma 👏
Best explanation on TH-cam! Thank you
Wow, thanks Maria! 👏
this was very helpful, i almost wanted to pay but this was really easy i'm so happy rn
Glad you liked it, Nicole! Thanks for watching! 😊
Thanks so much! I really appreciate this type of workaround when I'm building my site on a tight budget.
Glad it was helpful! 😊
thanks man, you are a great teacher. i love it
You're very welcome! 😀👍
I know you already now this but, you're saving my life right now! Thanks so much!
Happy to help Michelle! 😊
Thank you very very much this 20 min was very important class for me
Glad to hear that Abdullah 👏😃
I subbed to you on multiple channels. Great work
Thank you!
thanks for the amazing video
Glad you liked it! 👏
Thanks, Wes I have just followed this video through and created a great new header and footer for my site- easy to follow the guide, keep up the great work.
You're welcome! Glad it helped and nice work! :)
This is only one video is perfect on TH-cam
Thank you for watching!
You are a great guide - you know your audience , right on target sir
Thank you Scott!
bro... you are a life saver. MUCH appreciated. God Bless
Glad to help Barry - cheers! 😊👍
Excellent tutorial. Covering every element! Thank you.
Glad it was helpful Angelo!
Awesome Plugin. This solved two problems I was having. Increasing the size of my logo problem Solved! Centering my menu Solved!
Great content. Helped me fix the header and footer issues I had from another tutorial.
Great to hear! 🙌
Great tutorial, man! Thanks!
No problem Alejandro! 🙌 cheers!
Thank you so so much bro for this wonderful video..
Thanks a lot again from India...
Glad you liked it!
Wes, thank you very much for this tutorial. I did it, step by step, I worked perfectly with what I was looking for. Thanks.
Fantastic! Glad it worked out well for you, Gustavo. Thanks for Watching my Video! :)
@@WesMcDowellInc Again, thank you for this video. I keep trying to put my website online and I reached again this video. However, I have a question: how I put different headers in the same website? I'm trying to put a header for the Landing Page, with buttons with the landing page information only, and keep other header for the rest of the website. Thanks in advance.
Huge help, thank you 🙌🏻🙌🏻🙌🏻 highly recommend… I have 7 days of elementor experience and this video was incredibly helpful
Glad to know that it helped Grant. Thanks for watching!
Absolutely Helpful, Thanks man.
Big thumbs up for your video. You clearly and easily solved a problem I had been having to change my header tab names in the first 2 minutes of your video! I had spent 2 hours trying to figure it out - thanks!! 😁👍
Glad it helped!
If anybody is having an issue where the header and footer are not showing up when you preview your site, make sure your pages templates are set to "Elementor Canvas". You can do this by going to your dashboard > pages > then hit edit under the page. Then, on the right side of page, youll see "Template".
Thanks for that clarification Eddy 😀👍
Clutch, thank you! : )
I had the opposite issue as soon as i did that the header disappeared from my menu
And also you have to specify "Type of template" again... and I don't know why, because that step was done at the beginning in the creation of the footer and header.
Wow... Thats just awesome.. The simple things that makes it work yet extremely difficult to find. Thanks man
Thank you for the end part of the video, solved my problem
Glad it was helpful Vicki! 😊
Thank you for the good job you are doing. Cheers
What a great tutorial. I don't understand why it's so hard for some people to simply add (Pro version) to their videos. Literally seen 3-4 complete videos, just to realize in the end that I wouldn't be able to use a certain feature (needed for the assignment) unless I had pro version.
Okay, a (late) question here: If I want to do the more modern type of menu, in the centered header with a link/ menupage - a logo - link/ menupage, how would I ever be able to do so? I dont know if it makes sense - but I'd like to have a menupage on left centered side, the logo/ link for home-page, and on the right side of the logo have another menupage. But, to do that, I've made two separate menus, but that doesn't exactly look good while using mobile as it adds two burger menus :D .. Hope you can help :D
Just what O was looking for ❤️
glad to hear that!
Amazing tutorial dude!! Thank you so much.
Glad it helped Tomás! 😃
Great tutorial, thanks!
Glad it was helpful! 😀
great video mate. you could show linking contacts at the footer, for people dont know how
Good idea! Thanks Deniz! :)
Solved my problem, so gets a like from me! Thank you.
Glad it helped! Thanks for Watching! 😊
Fabulous video. Thank you very much!
Glad you liked it, Manuel! Thanks for watching! 😉
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.
For me this is master class my friend especially impressed about way of explaining appropriate love from spain 🇪🇸 and I subscribed your channel is well
Wow, thank you! 😊
Great Lessons Thanks to share your experience
Thanks Abid for watching.
You made this easy. 👍
Glad to hear that Labaik! 😀
Liked and subscribed! amazing tut
Awesome, thank you and welcome aboard Pam! Stay tuned for more helpful contents 😊
amazing.. this is the best video tutorial I've been looking for.. THANK YOU!!!!!
Thanks for the compliment. Feel free to enjoy more of my videos.
Hi Wes, I did everything exactly as described, however when I launch the website it doesn't let me go to other pages from the menu and simply doesn't do anything. Do you know what might be the reason?
Yay! Can't wait to try this. Thank you for the tutorial.
You are so welcome Juliana!
Simply Superb
Thanks a lot! 😊
You are my today hero
Thx Frank!
Thanks, Wes. Great video and easy to follow.
how do i make my header background transparent ?, there is always a white block around
Here's the best way I've found (but if someone knows the "right" way, please educate me)
When you are on the Elementor page where you can edit layout, logo, menu, etc., use the navigator to make the changes you are picking apply to the ENTIRE three-section "container".
Pick "Style", expand the "Background" menu. Where it asks you to choose "background type", click "classic" (the paintbrush icon). That will pop up a the "Color Picker" menu. Under the color swatch, you will see a slider that allows you to pick color. Under that is a transparency slider. You can take that all the way to the left which makes the opacity 0%.
Follow all the other steps and your header will appear everywhere you decided it will -AND- will be transparent.
Thank you so much for your help. Your rock.
You bet! Glad it helped!
great video!
Thanks for the visit Rodrigo! And I'm glad you liked it! 😁
You really are the man!
Thanks Mike!
Hi Wes, great video! Is there away to put the header in front of the hero image?
Thanks for the help. God bless!
You're welcome! 😀 👏
Great tutorial, Btw how can I make the footer sticky to bottom?
great explanation of the topic...very well done sir I was searching for some time and I found this video to solve my menu problems...💗
You are most welcome Abrar and so glad it helped! 👏
We can thank you enough for this. Amazing tutorial, thank you for tanking the time to do this.
My pleasure! I'm glad you enjoyed it! 🙌
But how do you apply them to be used as a theme? No idea wtf I'm doing wrong I feel like such a newbie. 🤣
I do love Elementor though. Still learning a lot as I only recently started using it after decades of website development and design. The most confusing part to me is how it works with WordPress and the standard WordPress themes. Still learning my way around the ins and outs there.
Great video!
Great tutorial but it doesnt appear to be a sticky menu. Even in you demo at the end, the menu didnt appear to be static.
You are the GOAT!
I'm trying this right now...BRB. lol.
OMG It worked y'all!!!!! You don't understand how long I've been looking for this tutorial!! Thank you. Please keep posting. (About wordpress & elementor, lol)
Wow! Good job! This literally made my day. 😊
Thanks a lot for the video !! how can I add new elements to the header like "blog" or "shop" ...?
Hey Afaf, thank you for watching! Check out this video for more info about editing your header: th-cam.com/video/vUC6plBN6iY/w-d-xo.html
Awesome video! Quick question, how does it stay floating on the page? I got both header and footer set up and all works great except that the header is not sticky, it moves while scrolling.
Thanks Linz for watching! I found this on Elementor's help page: elementor.com/help/change-sticky-header-color-scroll/
thank you so much sir!!
Thanks, this helped. The default Gutenberg editor is absolutely horrendous to edit nav menus with for mobile.
This was so helpful thank you
Glad it was helpful! Thanks too! This means so much... 😊
Thanks very good video!
Glad you liked it! Thanks for watching! :)
Thank you! That was just what I was looking for!
My pleasure Robert! Glad I could help! 😊
Hello, thanks for this tutorial 🙏🏻🙏🏻 Is it possible to hide the Header's default background? (I'm a complete n00b, don't judge me lol)
nice one thanksa Wes . i am i bit confused because i dont have and header footer pluging, and yet i somehow made some headers althout they are moslty turned off becuase i dont like their layout and i dont know how to change them lol.
could have been done with the free elementor or the classic editor
Choose "Inline" at with, at the extended category, if the box around your logo is much larger than the actually logo
great video
Thanks! 👍
This guy is amazing. Thank you so much for all your help and detailed tutorials.
My pleasure! 🙌 Thanks for watching
I try to make an header, but the logo and the header disappear as i publish it.
Perfect! The column adjustment helped! It was hard to edit mobile without ruining the desktop version. Is there a way to edit separately in elementor free without changes happening to desktop?
Can you make it sticky header with that plugin?
Sure can!
@@WesMcDowellInc like how Wes?
hi! amazing video thank you! How can i block the header menu? is it possible?
Great video. It has helped tremendously. Question... When I went to make an adjustment to my phone view, it shifted my desktop view. Is there a way to avoid this?
the header and footer works the whole website or just appear on the homepage?
i dont have menus under aperance please help its so anoying
Thank you for this vid! I'm just wondering, I'm not able to do full width of the page. There's a space on both sides of the page and I'm not sure why even if I chose full width on the layout settings of the container.
Way to few views for such great content. Helped me a lot. Thanks!
Great to hear! Thanks so much too Swen! 😊
Good man!
Thanks John!
I like the location :-)
Hi Rome, Thanks for Watching! 😊
Need saving here :D I used your tutorial, and it is amazing, but from the beginning I have a problem. When I drop the navigation menu widget, it doesn't appear like yours - with words, instead I have the hamburger icon and a dropdown menu from which I can't get rid of. Please send help :D
Love this
thank you for this! Just one question, my starter template already came with a header and footer, and will that one automatically be disabled when I published my new one? Because I can't find any settings to disable the original header. When I deleted the original header in the 'customise' section - the new Elementor header also disappeared.
dear Wes, thank you so much for your content. Please let me ask you about responsive desing.... when i finish desktop header edition, next step is edit mobile edition, right? okay but when i finish mobile header edition, unfortunately the desktop header went totally disconfigured (keeps the mobile edition but bigger).... how can i solve this? how can i separate mobile version edit between desktop and even tablet? thank you so much
May be a silly question but how do you control the moment the menu goes from full to hamburger? Thank you!
My blog page is not mobile friendly. There is no option of edit with elementor in front of that page. Everybody is talking only about editing only homepage. Nobody is talking how to make other pages of website responsive. And now it's 3AM in the clock and I am frustrated as hell. WTF. If anyone have solution for this please tell, please.
Hi Suyash! I have a video tutorial on how to make a website for any business. You might want to check that out. Here's the link. th-cam.com/video/i3fx2c_p6gU/w-d-xo.html Enjoy! 😊
@Wes McDowell Thanks brother❤️
Great video! I unfortunately have a problem with the logotype being blurry and not having any color. I try to change different background color but it just takes over the logotype. Does it have anything to do with the filetype or something? I Followed your instructions very precisely.
Thank you, this is great.
You're very welcome! Glad you liked it! 😊
Hi Wes! How can I make a submenu from this menu that you have created? Thank you!