How to Build Headers and Footers Using Elementor for FREE

[@genawatkins1029]

This was a great video on header/footers using Basic Elementor. Another video I've been watching had me install sticky header plug in. I'm much prefer using the elementor plug-in. It just seems so much easier to me. Thank you so much for taking your time to do this and not talking so fast as the other tutorial KZbinrs do. I'll be looking at your other videos soon.

[@RiadMahmud]

I am so glad to see your feedback here :) Thanks for your suggestion also.

[@alro7779]

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]

I am so glad to hear that :)

[@uncleted470]

I have always loved the Elementor header and footer builder above the Footer customization by the Theme. It lets you go wild.

[@nikkilesley2525]

I didn’t know this could be done with Elementor for free. Thank you! 👍😁

[@shallyverma8619]

Your explanation about header & footer in a very easiest way for beginners including me. Your way of explanation is 👌👌👌

[@RiadMahmud]

It's my pleasure! I am so glad to see your feedback here. 🤗

[@fenimama]

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]

You can make it stick from the settings tab inside Elementor change the position to stick.

[@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

[@ricr8987]

Hello! Why when I create a template I dont have a blank page like yours? My theme loading a page with content... it is possible to change this?

[@muhammadtalhahassan3441]

Amazing work Brother, you are among the best KZbin channels that provide useful content. Keep it up 👍

[@RiadMahmud]

Thank you brother.

[@valeriagranei4225]

OMG your video save my site!!! Thank you so muchhhhh🤩

[@maryamnickokar1366]

you are great .I am from Iran and I am glad to find yoir chanel.I will be following yoi

[@RiadMahmud]

I am so glad to hear that, Maryam. There will be more tutorial coming soon.

[@HistorischerMotorsportHieber]

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]

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]

Hi, what is youre e-mail ??..Great Andi@@RiadMahmud

[@FireRescue884]

Your voice is so calming, I hit my head on my keyboard 😂

[@RiadMahmud]

😅 why man why!

[@hasansaiful0]

Thanks to Almighty Allah I have found you

[@RiadMahmud]

You are most welcome brother

[@joshuaafolabi80]

Thank you so much, i now understand perfectly how to create header and footer using elementor. God bless.

[@onyekachilorenz]

I love the way you teach, Mr. Riad! Thank you, very much, Sir.

[@RiadMahmud]

I am so glad to hear that 😍

[@MaitreIzzy01]

Thank you , best tutorial out there 🔥🙏🏾No time wastes

[@Shakaloose-cx9jt]

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]

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.

[@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.

[@Real_Sufyan_Siddiqui]

Explanation level❤👍😍

[@hivestudio1]

very good tutorial, thank you!

[@TauhidSami-n2d]

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]

Could you please share more information including the url? Here or my facebook inbox?

[@cjcabrera2104]

is this solve in also encountering this

[@CanadaHighways]

Same here

[@CanadaHighways]

No matter what I do, the button doesn't stay in line. It can be up or down or the end. But not together with the menu

[@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.

[@HimanshuThanvi-n1q]

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]

You could play around with the alignment and see how it works.

[@Real_Sufyan_Siddiqui]

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.

[@zoufishanyousaf2296]

the video is very helpful. You should create more videos about Elementor related plug ins that let you do operations not available in free version

[@oscarsg7511]

Great video, thank you

[@JitianLiao-wo2pf]

Thank you so much for sharing! I was wondering if it is possible to create multiply headers for the same website(light and dark mode)

[@RiadMahmud]

You are most welcome and yes you can create multiple header.

[@chillcozycafe3053]

Yo Im already subscribed and I just found this video. Reaaaally helpful!!

[@RiadMahmud]

Awesome, thank you!

[@md.solayemanislam1669]

Really great video brother... Thank you...

[@RiadMahmud]

So nice of you brother

[@cjcabrera2104]

i created a home page and set it as my landing page/index and when i view it the header and the footer is not displaying. whats the problem ??

[@RiadMahmud]

Have you resolved the issue?

[@ritaviana9830]

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]

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]

I've tried but it is still the in the same situation. only in the subpages is not working properly. Any other suggestions@@RiadMahmud ?

[@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!

[@sahelarima3705]

That's awesome 😍 thank you much 🥰 for sharing this great plugin.

[@RiadMahmud]

You're very welcome!

[@nayanjyotikalita5965]

Completed 💥🎒

[@RiadMahmud]

That's awesome 😍

[@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

[@Mainfoam]

I have learn … thanks buddy.

[@AderibakiTaiwo]

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.

[@Henricousineau]

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]

If you want to remove Astra header and footer on specific page then choose canvas template from Elementor and see how it works!

[@_eashy3785]

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]

Maybe you have switch the block base theme

[@nicholas_ke]

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]

I assume your current theme is not supported this plugin. Could you please try a different theme and see how it works?

[@jowsiff]

This video amazing. Great teaching

[@RiadMahmud]

Glad you think so!

[@Arsh-7-KMNF]

Thank you for explaining in detail

[@RiadMahmud]

Glad it was helpful!

[@PaxeM]

Thanks !

[@RiadMahmud]

Welcome!

[@km55en5ei]

Thank you so much

[@RiadMahmud]

You're most welcome

[@maggiochoka]

Thank you so much this video is educative and helpful, I have managed to builder header and footer very fast

[@RiadMahmud]

You are most welcome :) I am so glad to hear that.

[@syedaliabbas5928]

Liked & Subscribed 👍

[@RiadMahmud]

Thanks for subbing

[@aravindhakumarg2307]

Latest updated version menu in tab& mobile responsive full width not working!

[@RiadMahmud]

It should work. But I haven't checked latest version yet!

[@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.

[@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!

[@craigkaiser9492]

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]

It might be an issue from thirdparty plugins. You have to debug this further.

[@aleksas4720]

My footer comes beside the products not at the bottom how do I fix that?

[@RiadMahmud]

Could you please share with me the url so that I can have a look!

[@tinashemunenge4601]

excellent explanatory skill keep it up

[@RiadMahmud]

Thanks a lot

[@Installator1]

Very well explained for beginners. Thank you 🙏🏼

[@RiadMahmud]

Glad it was helpful!

[@AnitaLife27]

Thank you very much!

[@RiadMahmud]

You're welcome!

[@Chakvour]

good tutorial. is there a option to sticky the header ?

[@RiadMahmud]

Yes but it's a little bit tricky and not functional like other sticky header that comes with built-n

[@ayeshafarrukhsheikh]

Great Tutorial MashaALLAH

[@RiadMahmud]

Thank you Sister.

[@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.

[@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]

Could you please share some more information? You can share screenshot or screencast on my facebook group.

[@watchandlearn7945]

Thank you ❤❤❤❤

[@RiadMahmud]

You're always welcome ❤️❤️❤️

[@yabetsedubale3952]

thanks bro. this helped a lot

[@RiadMahmud]

Glad it helped

[@NickyDailyAnimeEdits]

very good tutorial

[@RiadMahmud]

Many many thanks

[@matthiasmay573]

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]

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]

@@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 ✌

[@hussain9392]

Thank you bro for providing such useful content

[@RiadMahmud]

It's my pleasure

[@umarhafeez123]

Thanks Bro.

[@RiadMahmud]

You're welcome!

[@Boro_Driven]

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]

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]

I built it from scratch, all the pages, i haven't use templates at all.@@RiadMahmud *edit: it worked , thank you!

[@RiadMahmud]

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.

[@ibeprince-Handle]

I must appreciate you. Weldon!

[@RiadMahmud]

I appreciate that!

[@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.

[@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.

[@arshiaamjad9047]

So easy explanation

[@RiadMahmud]

Glad you think so!

[@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.

[@dominicisaya8499]

ty so much bruuuuh 🥳🥳🥳🥳🥳🥳🥳

[@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

[@hmoody220]

thank you so much this was very helpful love the hard work

[@RiadMahmud]

You are most welcome brother

[@RandhirKumar-gc2br]

Are u using elementor pro version

[@RiadMahmud]

No this video is for free version of Elementor.

[@re_verve]

How to create pages each of this Menu?

[@RiadMahmud]

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.

[@orionfields1469]

Thanks you.

[@RiadMahmud]

Always welcome

[@pb-2228]

nice work

[@RiadMahmud]

Thank you! Cheers!

[@jonyshanto19]

nice and helpful

[@RiadMahmud]

Many many thanks

[@AasthaSharma-b8c]

thanks

[@unwindwithezinne6482]

If i optimise for Mobil it goes vertical

[@RiadMahmud]

You have to change it inside the mobile view like I did on the video.

[@zianzacharyclemente1272]

how to link the other pages

[@RiadMahmud]

Just create menu first from Appearance > menus then assign it to the header using Elementor and you are done 😊

[@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.

[@Raouf_95]

thank u

[@RiadMahmud]

You're welcome!

[@vigneshvijay4325]

sticky header ?

[@RiadMahmud]

It's possible but a little bit tricky.

[@maithilibulbul]

Please footer create video upload sir for elementor free plugin

[@ranjanshawofficial]

Not working

[@RiadMahmud]

Share some more information, please! So that I can help you with that.

[@ThegoldenchildMeditation]

Good video about the heading but not much about the footer. but thanks

[@RiadMahmud]

I will create separate video for footer as well.

[@nayanjyotikalita5965]

Sir please upload registration and login tutorial with user panel 🎒🎒💥💥

[@RiadMahmud]

Will do soon

[@a2zfacts-gi1st]

bro what can i do

[@RiadMahmud]

Choose a different theme

[@a2zfacts-gi1st]

@@RiadMahmud thanks broo

[@a2zfacts-gi1st]

it cant install in my wp

[@RiadMahmud]

If you are using Hello Theme then you can't use that

[@sabersihaddo6362]

Thanks to Almighty Allah I have found you (2)

[@dakaitkillergaming8686]

PNG images website banana sikhaiye sir

[@iamglx]

9:51

[@RaheemKhan-y8u]

Yr bol bohat raha hai

[@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.

[@mariusmanx]

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]

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)

[@autocadonline2778]

I tried to install the same version, but my website is now down. What the hell... It is continuously telling me website is under maintenance, but maintenance mode is not on. Please help me someone

[@RiadMahmud]

I can understand how it feels to you. In most cases this kind of issue happens when you are using older version of the PHP or any other conflicts with the thirdparty plugins you may have inside your website. Make sure you are Using PHP 8.0. If you are not able to figureout the issue then you may share website information on my email [e-mail]