How to Build Headers and Footers Using Elementor for FREE
Рет қаралды 66,935
Жыл бұрынToday I will show you How to Build Header and Footers using Elementor free plugin.
Some Helpful Related Resources:
✅ Learn Elementor Container and Flexbox Tutorial: • Elementor Container | ...
✅ Complete Project Figma to Elementor using Container Flexbox: • Convert Figma to Eleme...
✅ Convert Figma to Elementor Part 1: • Convert Figma Design t...
✅ Convert Figma to Elementor Part 2: • Elementor Responsive D...
✅ Multipage Website From Figma To Elementor: • Figma to WordPress Mul...
🔴 TOP WORDPRESS DEALS 🔴
===============================
✅ Download Astra Pro: riadmahmud.com/ref/astra (SAVE 10%)
✅ Download Kadence Theme: riadmahmud.com/ref/kadence (SAVE 10%)
✅ Download Elementor Pro: riadmahmud.com/ref/elementor
✅ Download LearnDash LMS: riadmahmud.com/ref/learndash
✅ Bluehost Hosting: riadmahmud.com/ref/bluehost ( 60% OFF WITH FREE DOMAIN )
🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================
✅ Elementor: riadmahmud.com/ref/elementor
✅ Beaver builder: riadmahmud.com/ref/beaverbuilder
✅ Brizy: riadmahmud.com/ref/brizy
✅ Divi: riadmahmud.com/ref/divi
🔴 BEST WORDPRESS HOSTING 🔴
============================
✅ Bluehost: riadmahmud.com/ref/bluehost (60% OFF WITH FREE DOMAIN)
✅ CloudWays: riadmahmud.com/ref/cloudways
✅ WPEngine: riadmahmud.com/ref/wpengine
🔴 CONTACT WITH ME 🔴
=====================
🟢 Website: riadmahmud.com
🟢 Facebook: / riadwebpro
🟢 Facebook Group: / 2190516887945067
🟢 Twitter: / riadmahmud46
🟢 Instagram: / riadmahmud46
@alro7779 11 ай бұрын
Very good explanation! I've been struggling on the way Wordpress creates headers and footers, and then having a mess editing them with Elementor since later on they were not shown where they should be. Now I have a clearer view on this process. Thanks!
@RiadMahmud 11 ай бұрын
I am so glad to hear that :)
@MaitreIzzy01 Жыл бұрын
Thank you , best tutorial out there 🔥🙏🏾No time wastes
@BGilbert85 Жыл бұрын
You got me pointed to the area I was overlooking! Great video! - Had to drop you a sub for it.
@RiadMahmud Жыл бұрын
Awesome! Thank you!
@nikkilesley2525 7 күн бұрын
I didn’t know this could be done with Elementor for free. Thank you! 👍😁
@muhammadtalhahassan3441 13 күн бұрын
Amazing work Brother, you are among the best KZfaq channels that provide useful content. Keep it up 👍
@onyekachilorenz Жыл бұрын
I love the way you teach, Mr. Riad! Thank you, very much, Sir.
@RiadMahmud Жыл бұрын
I am so glad to hear that 😍
@margaretwamutegi 13 күн бұрын
Thank you so much this video is educative and helpful, I have managed to builder header and footer very fast
@sahelarima3705 Жыл бұрын
That's awesome 😍 thank you much 🥰 for sharing this great plugin.
@RiadMahmud Жыл бұрын
You're very welcome!
@SufyanRazawi Жыл бұрын
Explanation level❤👍😍
@hasansaiful0 9 ай бұрын
Thanks to Almighty Allah I have found you
@RiadMahmud 9 ай бұрын
You are most welcome brother
@vitafoamshop Жыл бұрын
I have learn … thanks buddy.
@hivestudio1 7 күн бұрын
very good tutorial, thank you!
@AnitaLife27 Жыл бұрын
Thank you so much! I’ll be trying this tomorrow.
@RiadMahmud Жыл бұрын
Welcome, let me know if you stuck anywhere.. I will be happy to help you.
@Installator1 Жыл бұрын
Very well explained for beginners. Thank you 🙏🏼
@RiadMahmud Жыл бұрын
Glad it was helpful!
@maryamnickokar1366 2 ай бұрын
you are great .I am from Iran and I am glad to find yoir chanel.I will be following yoi
@RiadMahmud 2 ай бұрын
I am so glad to hear that, Maryam. There will be more tutorial coming soon.
@chillcozycafe3053 2 ай бұрын
Yo Im already subscribed and I just found this video. Reaaaally helpful!!
@RiadMahmud 2 ай бұрын
Awesome, thank you!
@oscarsg7511 18 күн бұрын
Great video, thank you
@shallyverma8619 11 ай бұрын
Your explanation about header & footer in a very easiest way for beginners including me. Your way of explanation is 👌👌👌
@RiadMahmud 11 ай бұрын
It's my pleasure! I am so glad to see your feedback here. 🤗
@unaizaashfaq6218 Жыл бұрын
Thank you so much for making this video it helped me alot creating my website's header
@RiadMahmud Жыл бұрын
I am so glad to hear that. It means a lot to me to create more videos. I appreciate your feedback.
@hmoody220 Жыл бұрын
thank you so much this was very helpful love the hard work
@RiadMahmud Жыл бұрын
You are most welcome brother
@markbratton111 Жыл бұрын
OUTSTANDING! You saved me hours and hours of headache and true misoury. I can't thank you enough!
@RiadMahmud Жыл бұрын
I am so Glad it helped!
@markbratton111 Жыл бұрын
@@RiadMahmud My friend, you have no idea how much! Thanks again, Riad. I am subcribed and gave you a like. Perfect!
@abdoulmadjidseibou3654 Жыл бұрын
Even me
@user-xj1lo7ul8f 11 ай бұрын
Mark same here 😁
@Mdsajib-dk2jy 15 күн бұрын
Thanks, brother.
@md.solayemanislam1669 Жыл бұрын
Really great video brother... Thank you...
@RiadMahmud Жыл бұрын
So nice of you brother
@Shakaloose-cx9jt 8 ай бұрын
Thanks for the clear explanation! However, I can't seem to make my header transparent. I enabled the transparent setting in the dashboard (the option in the sidebar within the plugin settings), enabled transparent header in the Astra theme settings and even made the background transparent. What could be the problem?
@RiadMahmud 8 ай бұрын
I have to take a look from my side. If you could share your website url with login credentials on my facebook page then I can have a look.
@eyesOnJayda 7 ай бұрын
This video amazing. Great teaching
@RiadMahmud 7 ай бұрын
Glad you think so!
@hussain9392 8 ай бұрын
Thank you bro for providing such useful content
@RiadMahmud 8 ай бұрын
It's my pleasure
@user-mt8gf3ov5i 3 ай бұрын
hello, actually the 'top distance' feature in shifting the menu hamburger logo down, and not the menu options (home, about, etc.) unlike in the video. what should I do.
@RiadMahmud 3 ай бұрын
You could play around with the alignment and see how it works.
@user-nt5lo2gs7s 8 ай бұрын
sir i got a problem with this pluging recently..when i click the nav icon the mobile hamburger menu only align underneath the nav icon container even after switching on “Full Width “ mode..it dont expand full width only remains beneath the nav menu container..How can i fix this problem..??
@RiadMahmud 8 ай бұрын
Could you please share more information including the url? Here or my facebook inbox?
@yabetsedubale3952 6 ай бұрын
thanks bro. this helped a lot
@RiadMahmud 6 ай бұрын
Glad it helped
@user-ot1gi9yu6t 2 ай бұрын
Thank you for explaining in detail
@RiadMahmud Ай бұрын
Glad it was helpful!
@fenimama 27 күн бұрын
Thank you. How to edit the current navigation menu and lock it? as of now whenever I scroll up and down the body page scrolls through it and goes on top of the menu and this looks very bad. I just need the navigation to remain stable and visible all the time. Many thanks pease advise professors
@RiadMahmud 26 күн бұрын
You can make it stick from the settings tab inside Elementor change the position to stick.
@nayanjyotikalita5965 Жыл бұрын
Completed 💥🎒
@RiadMahmud Жыл бұрын
That's awesome 😍
@AnitaLife27 Жыл бұрын
Thank you very much!
@RiadMahmud Жыл бұрын
You're welcome!
@tinashemunenge4601 6 ай бұрын
excellent explanatory skill keep it up
@RiadMahmud 6 ай бұрын
Thanks a lot
@adityanaik6525 Жыл бұрын
After editing in elementor in my menu page after clicking on about us or any option showing nothing i had wrote in about us contact us and in disclaimer page also but now that options are not clickable plz help
@RiadMahmud Жыл бұрын
Could you please share some more specific information on our Facebook group? You can attached pictures there showing the exact issue.
@PaxeM Ай бұрын
Thanks !
@RiadMahmud Ай бұрын
Welcome!
@nicholas_ke 8 ай бұрын
its still tough on me since , i tried to add a footer using the same plugin with the updated elementor site builder in vain , it says "cannot find content in that page " and im confused , reply
@RiadMahmud 8 ай бұрын
I assume your current theme is not supported this plugin. Could you please try a different theme and see how it works?
@dominicisaya8499 3 ай бұрын
ty so much bruuuuh 🥳🥳🥳🥳🥳🥳🥳
@NickyDailyAnimeEdits Ай бұрын
very good tutorial
@RiadMahmud Ай бұрын
Many many thanks
@ibeprince3073 4 ай бұрын
I must appreciate you. Weldon!
@RiadMahmud 4 ай бұрын
I appreciate that!
@SufyanRazawi Жыл бұрын
Please rply , if we use elementor header and footer in Hello elementor theme so what will happen? I just use same plugin in Hello elementor theme..
@RiadMahmud Жыл бұрын
This plugin is not working with hello elementor theme. You have to use Elementor pro version.
@_eashy3785 4 ай бұрын
for some reason my "menus" in appearance is gone? still have the elementor header and footer app but "menus" suddenly disappeared. Do u know how to fix it
@RiadMahmud 4 ай бұрын
Maybe you have switch the block base theme
@umarhafeez123 2 ай бұрын
Thanks Bro.
@RiadMahmud 2 ай бұрын
You're welcome!
@km55en5ei 6 ай бұрын
Thank you so much
@RiadMahmud 6 ай бұрын
You're most welcome
@ritaviana9830 9 ай бұрын
It helped a lot thanks!!! However i'm having a crazy bug, when I click on the sub items pages on the dropdown menu in the header, they don't show the styled I edited. It restarts the styles as i did nothing to the header. However, in that pages, if I click on "Edit with elementor" then it's good again with my styles but just on edit mode. Do you have any recommendations for that? Thanks again 🌞
@RiadMahmud 9 ай бұрын
I'm so glad that it helps you. Based on your current status could you please regenerate Elementor CSS or assets and see how it works? Let me know how it works from your side.
@ritaviana9830 9 ай бұрын
I've tried but it is still the in the same situation. only in the subpages is not working properly. Any other suggestions@@RiadMahmud ?
@pb-2228 5 ай бұрын
nice work
@RiadMahmud 5 ай бұрын
Thank you! Cheers!
@arshiaamjad9047 Жыл бұрын
So easy explanation
@RiadMahmud Жыл бұрын
Glad you think so!
@Henricousineau 3 ай бұрын
Great info but how do I get rid of a header on my landing page. I have created the header with the header and footer plugin, I have astra and elementor free. But now I want to remove the header on 1 page only, the optin page. How do I do that?
@RiadMahmud 3 ай бұрын
If you want to remove Astra header and footer on specific page then choose canvas template from Elementor and see how it works!
@denizkeklik2410 Жыл бұрын
Thank you Riad. I use Astra + Elementor Free. The menu in Astra has automatically chosen Home and Sample page and showing it on the entire website. The menu settings are empty and nothing is selected. So how do I get rid of the Astra menu?
@RiadMahmud Жыл бұрын
You are most welcome 😊 in this situation you have to create a menu from Appearance > menus
@denizkeklik2410 Жыл бұрын
@@RiadMahmud meaning I can’t use this plug-in?
@RiadMahmud Жыл бұрын
Sorry for the delay! You can use that plugin but first of all you have to create a menu first from the menu area then assign it to the header area using this plugin.
@orionfields1469 Жыл бұрын
Thanks you.
@RiadMahmud Жыл бұрын
Always welcome
@craigkaiser9492 4 ай бұрын
Followed the steps exactly but when I go to edit the header with Elementor it says the preview could not be loaded 404 not found.
@RiadMahmud 4 ай бұрын
It might be an issue from thirdparty plugins. You have to debug this further.
@fetapoy9060 Жыл бұрын
Brother, thank you so much! Have a question, how to make the header sticky with this plugin? Thanks!
@RiadMahmud Жыл бұрын
Thanks for your comment's brother. You can follow this guide ultimateelementor.com/docs/sticky-header-with-ehf/
@fetapoy9060 Жыл бұрын
@@RiadMahmudThank you so much once again.🎉
@MariaBashir-fn2tt Жыл бұрын
Hello Sir i have created a footer using the plugin but on updating when ever i refresh website it start vibrating on footer and does'nt display anything on footer ..plz plzzz response
@RiadMahmud 11 ай бұрын
Could you please share some more information? You can share screenshot or screencast on my facebook group.
@user-yn9xd3my1q Ай бұрын
great hv subscripbed pls how to go about body can i get the link and also is it the same process with Elementor pro?
@RiadMahmud Ай бұрын
Yes, you can do it using Elementor pro but you have to navigate theme builder > Create Header while using Elementor pro.
@otakarneumann3609 Ай бұрын
Can I set underline style? On hover and when that page is active? I am building website, where I really don't need colours.. thanks to anyone who will try to help me :)
@RiadMahmud Ай бұрын
Yes you can!
@watchandlearn7945 4 ай бұрын
Thank you ❤❤❤❤
@RiadMahmud 4 ай бұрын
You're always welcome ❤️❤️❤️
@jonyshanto1391 10 ай бұрын
nice and helpful
@RiadMahmud 10 ай бұрын
Many many thanks
@HistorischerMotorsportHieber 4 ай бұрын
hi, a great video from you :-) . I have a problem with the header of Elementor Free maybe you can help me. When I start or update my website, the header stretches like an accordion together and apart again, the submenu also opens, do you have an idea what the reason is ??...Greetings Andi
@RiadMahmud 4 ай бұрын
It might cause caching plugin inside your website. However, if you could share the url with details on my email that would be great.
@HistorischerMotorsportHieber 4 ай бұрын
Hi, what is youre e-mail ??..Great Andi@@RiadMahmud
@aleksas4720 2 ай бұрын
My footer comes beside the products not at the bottom how do I fix that?
@RiadMahmud 2 ай бұрын
Could you please share with me the url so that I can have a look!
@gokulkkd Жыл бұрын
thanks bro , wonderful tutorial ... , how to add the menu in center aligned in mobile version bro , its set as left by default
@RiadMahmud Жыл бұрын
I think there was an option inside the Elementor style tab. Where you can align the text left, right and center.
@Chakvour 4 ай бұрын
good tutorial. is there a option to sticky the header ?
@RiadMahmud 4 ай бұрын
Yes but it's a little bit tricky and not functional like other sticky header that comes with built-n
@user-tq3ot1co6j 2 ай бұрын
thank u
@RiadMahmud 2 ай бұрын
You're welcome!
@Arttturslv Жыл бұрын
I can't set my header to be full width! It stays small. Anyone know why?
@RiadMahmud Жыл бұрын
You have to change it from Elementor editor. Also, sometimes it depends on the theme that you are using. I'd like to request you follow basic debugging to see which one causing this issue.
@ThegoldenchildMeditation 15 күн бұрын
Good video about the heading but not much about the footer. but thanks
@Anonymous-ek9bx Жыл бұрын
Bhai I'm having a problem, how to show hero section image behind transparent header
@RiadMahmud Жыл бұрын
Just add minus margin inside your section and also remove the background color of your header area.
@matthiasmay573 10 ай бұрын
How can I actually navigate the menu? You helped me creating a menu, but it doesn't lead to the areas of my website?
@RiadMahmud 10 ай бұрын
For this video I have created menu first from Appearance > Menus area after that start creating the header using Elementor. I am not sure exactly where you stuck right now. If you could share some more specific information then I can help you with to resolve your query.
@matthiasmay573 10 ай бұрын
@@RiadMahmud The creation of the menu worked perfectly. But for example, if I klick on "Home" it should automatically jumps into the home area of my website. There is no explanation in your video how to that. Do you know what I mean? Greetings ✌
@Boro_Driven 10 ай бұрын
Hey! Great video! I just have one problem, the header does not appear on landing page but appears in every other page. Can you help me with that?
@RiadMahmud 10 ай бұрын
Make sure your landing page has default template. Not canvas from Elementor and do checkout the display condition inside Elementor header builder plugin
@Boro_Driven 10 ай бұрын
I built it from scratch, all the pages, i haven't use templates at all.@@RiadMahmud *edit: it worked , thank you!
@RiadMahmud 10 ай бұрын
That's awesome. If you want to learn more about how to start from scratch then do check out my other videos on this channel. I hope those will be helpful for you.
@dakaitkillergaming8686 Жыл бұрын
PNG images website banana sikhaiye sir
@glx5059 8 ай бұрын
9:51
@unwindwithezinne6482 5 ай бұрын
If i optimise for Mobil it goes vertical
@RiadMahmud 5 ай бұрын
You have to change it inside the mobile view like I did on the video.
@danialaroff Жыл бұрын
Why my hamburger menu always show up at the right side when clicked, forcing it out from the screen
@RiadMahmud Жыл бұрын
Try to adjust the layout width, margin and padding and see how it works.
@vishwjeetsingh8944 Жыл бұрын
Sir can you tell me how logo and hamburger will come together in mobile?
@RiadMahmud Жыл бұрын
You can change the layout and add two column inside header mobile.
@revervestudios 11 ай бұрын
How to create pages each of this Menu?
@RiadMahmud 11 ай бұрын
I have created those pages on my previous part. I have created a full playlist on my channel. I hope if you follow them then you will be able to understand how things work here.
@zianzacharyclemente1272 2 ай бұрын
how to link the other pages
@RiadMahmud 2 ай бұрын
Just create menu first from Appearance > menus then assign it to the header using Elementor and you are done 😊
@nayanjyotikalita5965 Жыл бұрын
Sir please upload registration and login tutorial with user panel 🎒🎒💥💥
@RiadMahmud Жыл бұрын
Will do soon
@sayeemsadat9677 Жыл бұрын
Vaiya wordpress aa additional css use korle ki website slow hoyer sombabona asse ki???
@RiadMahmud Жыл бұрын
Na vai somossa hobe na
@sayeemsadat9677 Жыл бұрын
@@RiadMahmud thanks vaiya
@a2zfacts-gi1st Жыл бұрын
it cant install in my wp
@RiadMahmud Жыл бұрын
If you are using Hello Theme then you can't use that
@vigneshvijay4325 4 ай бұрын
sticky header ?
@RiadMahmud 4 ай бұрын
It's possible but a little bit tricky.
@RandhirKumar-gc2br 10 ай бұрын
Are u using elementor pro version
@RiadMahmud 10 ай бұрын
No this video is for free version of Elementor.
@a2zfacts-gi1st Жыл бұрын
bro what can i do
@RiadMahmud Жыл бұрын
Choose a different theme
@a2zfacts-gi1st Жыл бұрын
@@RiadMahmud thanks broo
@mariusmanlive 7 ай бұрын
very bad and waste of time, you create header without including Wishlist or My account section , current plugin not even let you add this
@RiadMahmud 7 ай бұрын
I am sorry! This tutorial is not for wishlist and my account section. I do have another tutorial for that inside the Astra pro playlist where I have created the My account menu using Astra pro (not wishlist)
@felipelifeadventure8814 Жыл бұрын
On my does not work....I already trued several times, it doesnt....When I drag the widget with details from the menu my elementor does not alllow....It says "there is no menu here".... Is it just at me?
@RiadMahmud Жыл бұрын
There are several theme they do not support Custom Header using Any Free Elementor header builder. Maybe you can use Elementor pro version in that situation.
@sifbenjelloul Жыл бұрын
Hi my friend, hope you are doing well, please i have a issue with my website, when i share it in social media i can't see (image, background and text of my page) (like cover for the website). Do you have an idea how to resolve this problem ? thank you so much @Riadmahmud
@RiadMahmud Жыл бұрын
Hello brother, In most cases this kind of issue happens due to SEO Plugin configuration. I'd like to suggest you configure them properly for better experience.
@sifbenjelloul Жыл бұрын
Thank you for your answer
@vilianipenchov3702 Жыл бұрын
How do I get rid of the burger instead of expanded navigation manu? My items are not shown, but simply a dropdown which I do not want within my footer.. Thanks
@RiadMahmud Жыл бұрын
You can disable the burger item from footer, just click navigation elements > layout > Responsive > breakpoint > none follow this share.getcloudapp.com/9ZuKJY4Y
Cool Items Official
Рет қаралды 43 МЛН
ОВР Шоу
Рет қаралды 8 МЛН
Web Squadron
Рет қаралды 21 М.
The Binary IQ
Рет қаралды 35 М.
Moshiur
Рет қаралды 25 М.
Cool Items Official
Рет қаралды 43 МЛН