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

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 356

  • @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
    ruclips.net/video/w61OYYFG0jY/видео.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/

  • @bushrakhan1984
    @bushrakhan1984 2 года назад +3

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

  • @Akasharora3010
    @Akasharora3010 4 года назад +8

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

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

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

  • @LukeFlegg
    @LukeFlegg 4 года назад

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

  • @helen-matthews-usa
    @helen-matthews-usa 3 месяца назад

    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.

  • @Antonio_Leo_
    @Antonio_Leo_ 3 года назад

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

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

  • @VIA-studio
    @VIA-studio 3 года назад +1

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

  • @pd.ferreira
    @pd.ferreira 4 года назад +1

    Really helpful and I loved your accent.
    Thank you!

  • @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"

  • @salmanwebsite4694
    @salmanwebsite4694 3 года назад

    Thanks ☺️ this gonna save a lot of money

  • @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. ruclips.net/video/-v0EKC9jDg4/видео.html
      Hope it brings you value.

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

  • @Nausicaa979
    @Nausicaa979 2 года назад

    Thank you very much for your tips and work

  • @leilaberenice5933
    @leilaberenice5933 3 года назад

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

  • @janicelau521
    @janicelau521 2 года назад

    Thanks, great tutorial!!

  • @sherinestudio8507
    @sherinestudio8507 3 года назад

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

  • @mxd735
    @mxd735 4 года назад +1

    I watch your ads man
    To show my support

  • @samuellodato3862
    @samuellodato3862 3 года назад

    Nice one mate. Very useful.

  • @livmuller7109
    @livmuller7109 2 года назад

    your videos are amazing!! thank you so helpful.

  • @bhimdevsahu2577
    @bhimdevsahu2577 4 года назад

    Thanks buddy this help me a lot

  • @pranshkhubchandani8102
    @pranshkhubchandani8102 4 года назад +1

    thanks mate

  • @ritandinda8627
    @ritandinda8627 3 года назад

    Thank you so much for the tutorial. Very helpful.

  • @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 ruclips.net/video/w61OYYFG0jY/видео.html

  • @770k7
    @770k7 4 года назад

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

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

  • @AutomotiveForBeginners
    @AutomotiveForBeginners 3 года назад

    Nice! Thank you.

  • @Christtttthecake
    @Christtttthecake 3 года назад

    Thank you for the video!!!

  • @meritkoch
    @meritkoch 3 года назад

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

  • @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 RUclips gear icon

  • @zandirsantos2349
    @zandirsantos2349 3 года назад

    Great video. Thank you.

  • @mikiasg8453
    @mikiasg8453 4 года назад +1

    that is incredible thank you for this tutorial you are amazing

    • @GoTechUG
      @GoTechUG  4 года назад +1

      You're very welcome!

    • @mikiasg8453
      @mikiasg8453 4 года назад

      @@GoTechUG Subscribed!

    • @mikiasg8453
      @mikiasg8453 4 года назад

      Most people waste time talking and saying how to download the entire wordpress before making the website but you actually showed how to make a website i hope you get wealthy with subscribers and views!

  • @honglytech
    @honglytech 4 года назад

    I like your accent! Awesome tutorial bro

  • @sudeshsuryawanshi9236
    @sudeshsuryawanshi9236 4 года назад

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

  • @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.😊💙💛🖤

  • @kabuginjimu8573
    @kabuginjimu8573 4 года назад

    Thanks...very helpful video.

  • @IlyasChaudhary
    @IlyasChaudhary 2 года назад

    Thanks for this kind of video....

  • @scottjames5843
    @scottjames5843 4 года назад

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

  • @anttimurto8627
    @anttimurto8627 3 года назад

    Thank you very much for this tutorial! It really helped me!

  • @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 :(

  • @Rabbitunderground
    @Rabbitunderground 4 года назад

    Great tutorial. Good speed and clear instructions. Thanks.

    • @GoTechUG
      @GoTechUG  4 года назад

      Thanks for watching

  • @jurro444
    @jurro444 3 года назад

    thanks for your help brother

  • @dmitrykurenkov3268
    @dmitrykurenkov3268 4 года назад

    Thank you very much!

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

  • @theslothsrsexy1
    @theslothsrsexy1 4 года назад

    Nice! Super helpful!

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

  • @hazina357
    @hazina357 4 года назад

    Tutorial was quite helpful. Thank you!

    • @GoTechUG
      @GoTechUG  4 года назад

      You're welcome Hazina.

  • @iampratikk
    @iampratikk 3 года назад

    Hey thank you so much brother for solving my problem ❤ This VIDEO helped me a lot and the footer work's really amazing 👌

    • @GoTechUG
      @GoTechUG  3 года назад

      Most welcome Pratik😊

  • @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 ruclips.net/video/w61OYYFG0jY/видео.html

    • @ianb4916
      @ianb4916 3 года назад

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

  • @ROCKSTAR-uj9zy
    @ROCKSTAR-uj9zy 3 года назад

    Thank you, awesome

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

  • @gersan6069
    @gersan6069 4 года назад

    You got a new subs!

    • @GoTechUG
      @GoTechUG  4 года назад

      Thanks for joining

  • @PonyL-6688
    @PonyL-6688 2 года назад

    Thank you bro!

  • @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?

  • @unstructuredEU
    @unstructuredEU 4 года назад

    Thank you very much. Very helpful.

    • @GoTechUG
      @GoTechUG  4 года назад

      Glad it was helpful!

  • @anabittenco
    @anabittenco 3 года назад

    Life saver! Thank you so much!

  • @Thepokedek
    @Thepokedek 3 года назад

    hey i just wanted to say thanks :)

  • @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. ruclips.net/video/w61OYYFG0jY/видео.html

  • @videowatcher4006
    @videowatcher4006 3 года назад

    Great tutorial. Thank you

    • @GoTechUG
      @GoTechUG  3 года назад

      Thank you Williams.

  • @olafkapinski7061
    @olafkapinski7061 4 года назад

    Great hint, thanks man!!

  • @MeetVora94
    @MeetVora94 4 года назад

    It was such helpful man!!

    • @GoTechUG
      @GoTechUG  4 года назад +1

      Thank you for the feedback Vora, i appreciate.

  • @aurematic
    @aurematic 2 года назад

    BoOm! You have made a great video

  • @darrinblitch4912
    @darrinblitch4912 4 года назад

    Just wanted to say thank you for your video!!!

    • @GoTechUG
      @GoTechUG  4 года назад

      awww... this is so kind of you. Thank you Darrin.

  • @ericgoodman38
    @ericgoodman38 3 года назад

    Thanks for taking the time, your tutorial was by far the best I found on the subject.

  • @cym4095
    @cym4095 3 года назад

    Really appreciate this detailed tutorial, great work. Thank you!!

  • @Stibitzwegerich
    @Stibitzwegerich 4 года назад +4

    I really like your voice man xD

    • @GoTechUG
      @GoTechUG  4 года назад

      Thanks man!! 😍

    • @Stibitzwegerich
      @Stibitzwegerich 4 года назад

      @@GoTechUG Dude, I got a question, is it possible to link between like my about and my home section? I just figured how to it it with wp customizer but I'd really like to do it with this plugin, becausee Elementor has so much more options for styling and so on, thanks in advance :)

    • @GoTechUG
      @GoTechUG  4 года назад

      With the header section open, search for a widget navigation menu by HFB. You'll be able to add a menu(with pages or custom links) to you header and this will link between your About and Home section.

  • @romae4169
    @romae4169 4 года назад

    Thanks! very helpful.

  • @springformation
    @springformation 4 года назад

    Thank you for your advices and energy!

  • @vytecolombia
    @vytecolombia 4 года назад +1

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

  • @highinspiration9988
    @highinspiration9988 4 года назад +2

    Whats about responsiveness?

    • @GoTechUG
      @GoTechUG  4 года назад

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

  • @chandragaur8033
    @chandragaur8033 3 года назад

    Amazing video sir, great! Thanks a lot. :)

  • @roguestrat69420
    @roguestrat69420 3 года назад

    Thank you so much for this!

  • @leenaahuja6265
    @leenaahuja6265 3 года назад

    thanks for this vedio. keep going on...👍

  • @RohitSingh-gm3pp
    @RohitSingh-gm3pp 4 года назад

    So helpful. Thanks a lot champ :)

    • @GoTechUG
      @GoTechUG  4 года назад

      Thank you for watching

  • @Ispxs
    @Ispxs 3 года назад

    Great. Thanks

  • @renatajourdan1
    @renatajourdan1 4 года назад

    You are amazing!! THANK YOU!

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

  • @samchoksi9850
    @samchoksi9850 4 года назад

    Thanks man, worked well !

    • @GoTechUG
      @GoTechUG  4 года назад

      Glad to know. All the best

  • @trigerspring
    @trigerspring Год назад

    Very handy plugin

  • @allspacetechnologies
    @allspacetechnologies 4 года назад

    Thank you for the Tutorial

  • @debbieshuaib8467
    @debbieshuaib8467 2 года назад

    I love your accent😍

    • @GoTechUG
      @GoTechUG  2 года назад +1

      😍😍🥰🥰🥰

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

  • @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?

  • @sb6934
    @sb6934 2 года назад

    Thanks !

  • @sarojjangid8466
    @sarojjangid8466 4 года назад

    Thanku so much sir...

  • @naranjasss
    @naranjasss 4 года назад

    thank you from Argentina!

    • @GoTechUG
      @GoTechUG  4 года назад

      Thanks for watching Mauro.. Love from Uganda

  • @alankritjohri8703
    @alankritjohri8703 4 года назад

    thanks man! much appreciated!

  • @hinaabbasi4746
    @hinaabbasi4746 3 года назад

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

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

  • @bequiet568
    @bequiet568 3 года назад +1

    Thank you Brother

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

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

  • @cristinaleone2279
    @cristinaleone2279 3 года назад

    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  3 года назад

      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.

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

  • @albertomondi6083
    @albertomondi6083 4 года назад

    Great video

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