How To Create Headers and Footers using Elementor FREE (Elementor Header, Footer & Blocks)

Поділитися
Вставка
  • Опубліковано 21 жов 2024

КОМЕНТАРІ • 357

  • @GoTechUG
    @GoTechUG  4 роки тому +15

    Here is an update tutorial you can use to create headers footers and blocks using elementor free with a navigation widget for adding menu items, site logo, etc. Enjoy
    ua-cam.com/video/w61OYYFG0jY/v-deo.html

    • @bornfoodie8390
      @bornfoodie8390 4 роки тому

      I tried the same but it’s not working
      It is not showing
      Only I can see in settings that header and footer are created

    • @GoTechUG
      @GoTechUG  4 роки тому

      @@bornfoodie8390 Please make sure that you set your header or footer to display on the entire site after creating them. This should fix the issue.

    • @GoTechUG
      @GoTechUG  4 роки тому

      @Knowledge Door wlcm

    • @PrototypeThinker
      @PrototypeThinker 4 роки тому

      @@GoTechUG the problem in here is with mobile version of that menu when we do not have logo minimized and then whole menu shows up upright, if u know how to fix this will be valuable

    • @inderaputra2846
      @inderaputra2846 3 роки тому

      Thanks straight forward , short and sharp, well done, cheers!

  • @connect2french110
    @connect2french110 2 роки тому +1

    Thank you !!! Building a website is like traveling in a foreign country and you don't speak the language, every now and then you need someone to show you the way.

    • @GoTechUG
      @GoTechUG  2 роки тому +1

      Soooo true. Just learned something from you as well ☺️🤪

  • @GoTechUG
    @GoTechUG  Рік тому

    **NEW Course Alert** Enroll in my Elementor Pro BootCamp Course and learn to maximize Elementor Pro's dynamic and advanced features without coding. Get it NOW 40% OFF bootcamp.gotechug.com/

  • @EasyCookVideos
    @EasyCookVideos 2 роки тому

    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.

  • @alsatch_
    @alsatch_ 4 роки тому +1

    Thanks I followed this and its very good. But I want my header to just be wording to pages on my site. It seems impossible to do that with this guide, also - when i publish, the layout is very different on a mobile device, it displays on mobile list as a list, like image at the top, then menu 1, then underneath menu 2, then underneath menu 3. Is there any way to change the way they are displayed on a mobile devices, most other blogs do not display in this poor way and means that a viewer needs to scroll down just to see the first part of the blog, the header displays too big on mobile device, any advice? thanks,

    • @GoTechUG
      @GoTechUG  4 роки тому

      You'll need navigation widget and this tutorial will help you to do everything from creating headers and footers to creating a "worded" navigation. ua-cam.com/video/-v0EKC9jDg4/v-deo.html
      Hope it brings you value.

  • @bushrakhan1984
    @bushrakhan1984 2 роки тому +3

    This is a great tutorial. Straight to the point without any unnecessary or irrelevant stuff.

  • @GameplayCrush
    @GameplayCrush Рік тому

    Great tutorial, but i notice breadcrumbs stopped working when switching to custom header, how do i get breadcrumbs to show up in my custom header?

  • @helen-matthews-usa
    @helen-matthews-usa 4 місяці тому

    Great tutorial! Thank you very much indeed for help. I am using a free Sydney theme for my graphic design site, and it was so frustrating that I couldn't customize footer and header for free, they wanted me to upgrade to the Sydney Pro.

  • @okochemackos3888
    @okochemackos3888 5 років тому +1

    Wanted this exact tutorial days ago. All is knew what that one has to get Elementor pro. Thank you for creating this.

  • @anchy100
    @anchy100 3 роки тому +1

    It doesn't work for me.
    I followed your steps and can see my newly created footer in preview, but once I refresh the home page no changes in footer area :(

  • @HazelAndrewsAcupuncture
    @HazelAndrewsAcupuncture 2 роки тому

    I love your videos and I'm learning so much to help me with my own website. I have done a header and footer... it displays correctly on the elementor preview for all device sizes, but in reality, doesn't display on tablet and mobile view... I must have a setting wrong somewhere!!!! Heeellllp!

  • @jackrae8563
    @jackrae8563 2 роки тому

    amazing, I am new to all that and I really love that you show how I can start without investing too much money in the beginning.

  • @jenifa4677
    @jenifa4677 4 роки тому

    Hello dear, you have explained very clearly about adding header and footer, thank you.. I have a doubt, once i added header my menu get disappeared, how to correct this, Thank you in Advance for your help

    • @GoTechUG
      @GoTechUG  4 роки тому

      Follow this tutorial (used same plugin) to fix your issue/error. ua-cam.com/video/w61OYYFG0jY/v-deo.html

  • @denniszenanywhere
    @denniszenanywhere 3 роки тому

    Helpful. How do I keep the footer stick to the bottom page. I built one using Theme Builder footer block but it doesn't stick to the bottom page.

  • @andonisr
    @andonisr 4 роки тому

    Nice tutorial and it gave me a better idea of how to use this newly installed plugin in one of my websites. It's a great turnaround to use instead of Elementor Pro. I have a question: how come you didn't create the footer by the same plugin? When I look through free Elementor's library of 'footer' plugins they're all PRO, so using just a section as footer is not the right approach. Am I correct on this? Did you just find a 'free' section you liked and used it as footer?

    • @GoTechUG
      @GoTechUG  4 роки тому

      You can use this plugin to create both the header and footer sections. Here is a walkthrough video ua-cam.com/video/w61OYYFG0jY/v-deo.html

  • @vytecolombia
    @vytecolombia 4 роки тому +1

    Thank you! This was very helpful. Theres some way to set fixed position to the header with this plugin?

  • @Sam-js2xw
    @Sam-js2xw 4 роки тому +4

    Hi! Thank you for the tutorial! I changed my header completely, but forgot to link the other pages to the header. Is it possible to still find those pages?

    • @leofranco199
      @leofranco199 3 роки тому +1

      Yes, go to your dashboard and click on appearance. In the drop-down menu, click on the menu. You can decide what page to display from there.

    • @abdimohamed1554
      @abdimohamed1554 2 роки тому

      Use is / on the link section for example /home to link home /contact for the contacts etc

  • @TheKooperDon
    @TheKooperDon 2 роки тому

    Hi I made the footer but its not appearing on my home page. :/ Other than that its a great tutorial. Just cant figure out what I am doing wrong.

  • @KevsGuide
    @KevsGuide 2 роки тому

    thanks friend i set it up for all posts. The problem is if I create a new post all i see it the header and i cannot edit it or ad any sections to it, plus my existing posts only show the header now. Any idea what the problem could be pls?

  • @Antonio_Leo_
    @Antonio_Leo_ 3 роки тому

    Thanks mate for share informations . I have appreciated !!!! All the best!!!

  • @Akasharora3010
    @Akasharora3010 4 роки тому +8

    Thanks this was really really helpful! Also, I love your accent! xD

  • @cesarghful
    @cesarghful 3 роки тому

    Love u man, not only helped me on how to do it, also have given me a good idea to try ;)

    • @cesarghful
      @cesarghful 3 роки тому

      Well as life not everything is great, I had a trouble with Elementor, to get a tempalte block I had to make an account, I had one that didn't know and tried more than 3 different passwords, now I'm blocked to use it :( Do you know what can I do? I try to find support from them but I receive the same page taht says something similar that "you're blocked"

  • @mela.7583
    @mela.7583 2 роки тому

    Hello, thank you. How do you handle submenus ?

  • @VIA-studio
    @VIA-studio 3 роки тому +1

    BOOM! :D I love it! Thank you a lot!

  • @cristinaleone2279
    @cristinaleone2279 4 роки тому

    Hi, I followed your instructions and created a beautiful header.
    I don't know how to "put it" in my website, now.
    It is nowhere to be found! Not in "templates", not in "blocks"... I don't know how to upload it.
    Any tips? Thanks for your work!

    • @GoTechUG
      @GoTechUG  4 роки тому

      Hopefully you had saved the already designed header. If so, simply go back to dashboard, under settings open the header and footer builder, you'll see you already, header and blocks option. Make sure you assign your already created header it to display on the entire site.

  • @sherinestudio8507
    @sherinestudio8507 3 роки тому

    Really I like your videos short and very helpful thank you so much

  • @naturaway4577
    @naturaway4577 4 роки тому +1

    Hey awesome tutorial I also use free elementor, what free template you recommend to create footer like term of service, privacy policy, etc so it looks more clean thanks.

    • @GoTechUG
      @GoTechUG  4 роки тому +1

      Install envato elements plugin for a great number of footer templates.

    • @naturaway4577
      @naturaway4577 4 роки тому

      @@GoTechUG ok let me try thanks.

    • @MiMi-dc9qs
      @MiMi-dc9qs 4 роки тому

      @@naturaway4577 @GoTechUG I have just tried this but it doesn't allow for a footer ?

    • @naturaway4577
      @naturaway4577 4 роки тому

      @@MiMi-dc9qs yes you're right, I just use as this video options so just need a little creative to edit it.

  • @TamiePryor
    @TamiePryor 3 роки тому

    Hello. I created the header, but it pushed everything on my page down and created a white bar. The white bar does not move with the header. The only way I can get rid of the white is to make the image that was pushed down have a large negative margin, but this does not fix the problem on pages with a sidebar as the content in that area is pushed down, as well.

  • @nickdg2480
    @nickdg2480 3 роки тому

    Hello! Thank you for your tutorials. I have a question though. When I update my header/footer it only updates on my homepage. My secondary pages' footer don't update... Do you have a solution for this?

  • @craigc2790
    @craigc2790 4 роки тому +1

    Very good , thanks will keep in my, "How to do," folder. May I suggest if you are teaching the uneducated web builder like me, that you slow it down a little. I had to pause and play loads of times before I was happy. Keep up the good work.

    • @justkickingit272
      @justkickingit272 4 роки тому

      You can slow the speed of videos down in youtube

  • @sharonkhor7433
    @sharonkhor7433 3 роки тому

    Great vid. How to download the free blocks? What I have is Pro version only :/

  • @adityanihlani8804
    @adityanihlani8804 4 роки тому

    Can we edit existing headers on the templates and save ourselves a lot of work?

  • @hinaabbasi4746
    @hinaabbasi4746 3 роки тому

    Thank you so much for the great video. Can you please also tell how to add dropdown menu buttons ? Thank you

  • @LukeFlegg
    @LukeFlegg 4 роки тому

    Thanks for this. Man I love your accent, are you Ghanaian? Sorry if I got it wrong!

  • @ThomasWilliamson
    @ThomasWilliamson 4 роки тому

    Thanks for this! Really useful. Any idea how to get a transparent background on the navigation menu? It just turns white if I try.

  • @iiNe0
    @iiNe0 4 роки тому

    hello,i made what you showed to me but my i can t see the footer when i enter the website? Why?

  • @ianb4916
    @ianb4916 3 роки тому

    Thank you for a really good and clear video. Next I would like to know how to include a site navigation menu in the header, so that I don't have to keep updating those buttons every time I make a change.

    • @GoTechUG
      @GoTechUG  3 роки тому +1

      Great, checkout the updated video as i have that fixed ua-cam.com/video/w61OYYFG0jY/v-deo.html

    • @ianb4916
      @ianb4916 3 роки тому

      @@GoTechUG Perfect, thank you so much. That's exactly what i needed. :)

  • @sadiq3690
    @sadiq3690 3 роки тому

    Hamza, can u suggest good free post layouts add on for elementor ?

  • @zotta403
    @zotta403 4 роки тому

    Hello!
    Great Video!
    Do you know how i can make the header which i created with the plugin will be shown only on desktop mode on one specific page.
    I want to use another header for the mobile version.

    • @GoTechUG
      @GoTechUG  4 роки тому

      In this video, I show you how to do that using the same plugin ua-cam.com/video/w61OYYFG0jY/v-deo.html

  • @mikiasg8453
    @mikiasg8453 4 роки тому

    How did you learn Website development, hosting, and domains. Did you take courses or classes or something.

    • @GoTechUG
      @GoTechUG  4 роки тому

      Reading blogs, watching tutorials and working on projects

  • @Nausicaa979
    @Nausicaa979 2 роки тому

    Thank you very much for your tips and work

  • @dennisthefatkid
    @dennisthefatkid 3 роки тому

    Thank you so much … this solved my problem 👍🏻

  • @enzudesign
    @enzudesign 3 роки тому

    but will the site be responsive on different platforms using this ?

  • @kunjansoni7620
    @kunjansoni7620 4 роки тому

    Brother can we add drop down menu in button . please help me 🙏👍 I watch your full videos and it's grate but I want drop-down Manue like a bolg - information-posts . Please help me

  • @sawtom
    @sawtom 2 роки тому

    I have such a problem. Header is displayed, but it also displays the original header from theme

  • @salmanwebsite4694
    @salmanwebsite4694 3 роки тому

    Thanks ☺️ this gonna save a lot of money

  • @nyomandana139
    @nyomandana139 4 роки тому +1

    just had an issue the footer does not come up after creating one and browser refreshed, although the footer option has been ticked upon creating new footer. any solution on this? thanks...

    • @GoTechUG
      @GoTechUG  4 роки тому

      Make sure you're using the elementor full width canvas. It's under settings > page layout

    • @nyomandana139
      @nyomandana139 4 роки тому +1

      @@GoTechUG I have changed the setting from default eithrr to elementor canvas or elementor full width , they dont work... It is frustrating.. argggh..

  • @sudiptosamadder7287
    @sudiptosamadder7287 2 роки тому

    Hi Sir please make a video - how to create a equal size image gallery in elementor....I did not get any proper video on UA-cam...n by which CSS we can fixed this problem ...Please

    • @GoTechUG
      @GoTechUG  2 роки тому

      Use Premium addons, they have an equal height feature.

  • @livmuller7109
    @livmuller7109 2 роки тому

    your videos are amazing!! thank you so helpful.

  • @MiMi-dc9qs
    @MiMi-dc9qs 4 роки тому +1

    Thank you so much for this vid. I have just created my very first footer and with your help :) However, the only concern I now have is that, while the footer is showing up well on desktop (and claims to show up well on all devices via Elementor), it is still showing the wrong footer on my mobile :( With this said, how long should I normally wait to see changes???

    • @GoTechUG
      @GoTechUG  4 роки тому +1

      Seems like you have to clear your website cache. If not this, then make sure you have set your footer to display sitewide under the footer template settings. Let me know if it works out. Best!

  • @janicelau521
    @janicelau521 2 роки тому

    Thanks, great tutorial!!

  • @samuellodato3862
    @samuellodato3862 3 роки тому

    Nice one mate. Very useful.

  • @shahje24
    @shahje24 4 роки тому

    udating header but not applying on Astra theme. what cld be the reason?

  • @WebDev-Ali
    @WebDev-Ali 2 роки тому

    bro , when i go update the header and preview site, it keeps showing me the old header, not the one I made with elementor header builder,
    if I preview the header individually , then I can see the header, but not on my website main page
    please guide

  • @pd.ferreira
    @pd.ferreira 4 роки тому +1

    Really helpful and I loved your accent.
    Thank you!

  • @AutomotiveForBeginners
    @AutomotiveForBeginners 3 роки тому

    Nice! Thank you.

  • @leilaberenice5933
    @leilaberenice5933 3 роки тому

    Perfect! I was looking for that. You resolve my issue. Thanks :)

  • @soad2609
    @soad2609 4 роки тому

    Is there any way to make this header and footer default for all the pages?

  • @jawidhmuhammadh2592
    @jawidhmuhammadh2592 3 роки тому

    Brother i created a header by watching you tutorial..But my website is having an issue with the menu hamburger icon in mobile view..it's hard to explain...so i have screen recorded the issue...how can i send that video to you bro...can you help me?

  • @Jessiica0204
    @Jessiica0204 4 роки тому

    How do you create a header all the way to the top without deleting the header you already have from astra? I don't want it to be replaced. i just want to create another one

    • @GoTechUG
      @GoTechUG  4 роки тому

      Yes, its very possible, but why would do such a thing? I would advise that you create both your headers in either elementor or in astra.

  • @osamamohammed9709
    @osamamohammed9709 4 роки тому

    thanks for your effort but when i press edit with elementor it appeare the preview couldn't be loaded not found 404 click here for preview debug could you help ?

  • @JulaWeg
    @JulaWeg Місяць тому

    How you add header and footer after you made this templates

  • @RaoShravani
    @RaoShravani 3 роки тому

    Bahah, Thank you so much. It helped.💛
    Ps: It is my first time on your channel, and as soon as I opened the video and heard your voice\accent, I went aww-such a cute and calming energy you have.😊💙💛🖤

  • @CarlHaze
    @CarlHaze 4 роки тому

    on pc working but don't display one mobile. for you both working?

    • @GoTechUG
      @GoTechUG  4 роки тому

      Checkout the new tutorial in the pinned comment.

  • @anuj7286
    @anuj7286 2 роки тому

    Sir can i create with kadence block?

  • @zandirsantos2349
    @zandirsantos2349 3 роки тому

    Great video. Thank you.

  • @highinspiration9988
    @highinspiration9988 4 роки тому +2

    Whats about responsiveness?

    • @GoTechUG
      @GoTechUG  4 роки тому

      I've a tutorial on this. Check the channel.

  • @jeanlingtan2151
    @jeanlingtan2151 4 роки тому

    My header has been created but not applied to the site. In my dashboard it doesn't show sitewide display so I'm trying to turn that on but can't seem to find somewhere to do that. Any ideas anyone?

  • @7nedkelly
    @7nedkelly 4 роки тому

    @GoTechUG Usefull info but the background music is WAAAAAY to loud and distracting making it hard to hear your voice explaining stuff.

  • @happygoyal4094
    @happygoyal4094 3 роки тому

    Helo sir please help me
    I created fully header and footer through elemantor header and footer but in both case when we uploaded in #Entire website so header and footer will updated on home only
    ##
    When i click other categories its disappear and show older header and footer which is provide by theme
    💔😞
    Sir plese solve my issue

  • @romyfactory8009
    @romyfactory8009 4 роки тому

    Hi ! Thanks for your video. I'm having a problem with the Pro version. I create a header and a footer on my theme builder but it doesn't show on my pages. Do you have an idea of what can be the problem? Thanks in advance!

    • @GoTechUG
      @GoTechUG  4 роки тому

      Set display condition for header and footer to display sitewide.

  • @yitingl0414
    @yitingl0414 4 роки тому

    Thank you so much for your video. I followed your steps however I only got the footer to appear on the Homepage. On the other pages, the footer is still the original one from Astro Template. How Could I solve it. Thank you very much for your help.

    • @GoTechUG
      @GoTechUG  4 роки тому

      Make the footer template display on entire site under the header, footer and blocks plugin.

  • @Christtttthecake
    @Christtttthecake 3 роки тому

    Thank you for the video!!!

  • @kabuginjimu8573
    @kabuginjimu8573 4 роки тому

    Thanks...very helpful video.

  • @mashiyathusain0609
    @mashiyathusain0609 3 роки тому

    Hey sir my footer is not display in my website i am tired please help

  • @wobblerwe362
    @wobblerwe362 3 роки тому

    Hi, this isn't working. Each time I try to get (and insert) a block from the templates, it won't let me add it. keeps telling me to create an account. I tried doing so and got an error message. Is there a way around this?

  • @scottjames5843
    @scottjames5843 4 роки тому

    Thank you so much. Been trying to add a page to my website for the last few days.

  • @gauravdutt001
    @gauravdutt001 4 роки тому

    which wordpress theme were you using creating this header and footer?

  • @mxd735
    @mxd735 4 роки тому +1

    I watch your ads man
    To show my support

  • @ritandinda8627
    @ritandinda8627 3 роки тому

    Thank you so much for the tutorial. Very helpful.

  • @dariushodorog3770
    @dariushodorog3770 3 роки тому

    Hey man, I'm have a problem, I did my footer on telegram and pressed on update, refreshed the main page of my site, but it does still not show up. Can You please help me?

  • @sebalizarraga1051
    @sebalizarraga1051 4 роки тому

    Hey!! how do I set up social icons links? Thank you so much for this!

  • @darshanenterprises6319
    @darshanenterprises6319 4 роки тому

    dear as per your tutorial my old header is missing and also new header is not seen anywhere,where is problem. kindly help

    • @GoTechUG
      @GoTechUG  4 роки тому

      If you don't elementor pro and followed this tutorial, it should simply work. Make sure you have set you header to appear on your website (display condition) after creating it.

  • @IlyasChaudhary
    @IlyasChaudhary 2 роки тому

    Thanks for this kind of video....

  • @sudeshsuryawanshi9236
    @sudeshsuryawanshi9236 4 роки тому

    Hi sir Thank you 😘 very use full video in am from India 😀

  • @haikalfikri7979
    @haikalfikri7979 3 роки тому

    Thanks, This was really helpful

    • @GoTechUG
      @GoTechUG  3 роки тому +1

      Glad it helped! All the best Fikri.

  • @unstructuredEU
    @unstructuredEU 4 роки тому

    Thank you very much. Very helpful.

    • @GoTechUG
      @GoTechUG  4 роки тому

      Glad it was helpful!

  • @gregory6079
    @gregory6079 4 роки тому

    Hi. Using free elementor with OceansWP. Following your steps exactly and when going to edit the header elementor gives a 404 error. ANy ideas why this happens? Cannot find a way to get around this error. Thanks

  • @jamaicandjnado
    @jamaicandjnado 4 роки тому +4

    So perfect and helpful.
    Please slowdown.

    • @GoTechUG
      @GoTechUG  4 роки тому

      I'll do in future videos or you may slow the video under the UA-cam gear icon

  • @davidofug
    @davidofug 3 роки тому

    This has been helpful. Thank you

    • @GoTechUG
      @GoTechUG  3 роки тому

      Glad to know this especially from someone like u. Thanks for watching David.

  • @meritkoch
    @meritkoch 3 роки тому

    thank you so much for this easy fix. Sooo appreciate you sharing your knowledge and Elementor hacks!

  • @dmitrykurenkov3268
    @dmitrykurenkov3268 4 роки тому

    Thank you very much!

  • @videowatcher4006
    @videowatcher4006 4 роки тому

    Great tutorial. Thank you

    • @GoTechUG
      @GoTechUG  4 роки тому

      Thank you Williams.

  • @kungfury6410
    @kungfury6410 2 роки тому +1

    My header never showed up when I hit update... LOL

  • @nucleusmedicalcare
    @nucleusmedicalcare 3 роки тому

    i did all steps but when i go to and refresh my website it dosn't work

  • @770k7
    @770k7 4 роки тому

    love u bro i have wasted a lot of time but you are love bro Thankyou for this vid

  • @jurro444
    @jurro444 3 роки тому

    thanks for your help brother

  • @honglytech
    @honglytech 4 роки тому

    I like your accent! Awesome tutorial bro

  • @realsahabia
    @realsahabia 4 роки тому

    Thanks for the video. How do you make sub menus with this method ?

    • @GoTechUG
      @GoTechUG  4 роки тому

      Simply go to your menus under appearance. Add the sub menu items.

    • @youtubevids5395
      @youtubevids5395 4 роки тому

      @@GoTechUG Great Vid! Aren't the menu/sub menu items that you create under appearance > menus linked to your theme and NOT the Elementor header created in the video? So in essence you'd either have to display the theme header OR the Elementor header (if the two aren't compatible) - i'm new to wordpress so hoping I'm wrong here but struggling with that part as well! :)

  • @AlicanteFootballAcademy
    @AlicanteFootballAcademy 4 роки тому +1

    Great video! Exactly what you need if you don't have Elementor Pro! I love your channel keep it going :D

    • @GoTechUG
      @GoTechUG  4 роки тому

      Glad you enjoy it!