Use Elementor for Headers and Footers - and Don't Use Astra or Other Theme's Headers and Footers

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

КОМЕНТАРІ •

  • @joshuaacosta620
    @joshuaacosta620 Рік тому +2

    This video was actually incredibly helpful. Thanks for relaying the information. I needed this. Literally saved me, minutes away from purchasing Astra Pro just for the advanced Footer Widgets. Well done.

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

    The WordPress plugin Elementor Header & Footer Builder failed to work in Hello theme on multiple pages, so this advide video saved my day. Thank you very much.

  • @creatinechris
    @creatinechris Рік тому +3

    damn, this solves me needing to rebuild. was getting so frustrated

  • @PoetryFilms
    @PoetryFilms 7 місяців тому

    Another excellent video. That said, the default simple expanding Search that Astra can add to the Header beats the various ugly options offered by Elementor so, in the end, I gave up and went back. Sometimes elegant is preferable to all the bells and whistles. Thanks in any case: learned a lot!

  • @makesa6632
    @makesa6632 4 місяці тому

    Hi. Thank you for another super lesson. I however only get: Containers, Landing page, Page and section as available template types. I am using Astra free version. Can you or anyone help out?

  • @studentu05
    @studentu05 9 місяців тому

    How do you disable Astra theme header and footer once you've created these in Elementor and the other way around please? Very helpful course you've got. Going through it now.

    • @websquadron
      @websquadron  9 місяців тому +1

      Delete them so there is nothing in them - ie; no widgets. And then make sure the EL header and footer template are activated on the site.

    • @studentu05
      @studentu05 9 місяців тому

      @@websquadron Elementor ones are activated once you create them and select where to show correct? Thanks for your answer.

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

    Oh oh I deleted my default kit, as there was a kit installed with a template site. Should I recreate it?

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

      I would yes as you’ll get issues without it.

  • @CalebRoyerStudio
    @CalebRoyerStudio 2 роки тому +2

    Why are there 2 default kits for me? I noticed you only have one. Also thanks for this video! It was very helpful!

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

      Sometimes another one may get added when the plugin is installed. To stay safe, I would leave them as they are. Just make sure you set your own global colours, fonts, etc.

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

    Thank you again for a quick, learn it again, video. NO headers or footer via the themes.

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

      I definitely recommend using Elementor Header and Footers instead of any Theme H and F

  • @danao.2672
    @danao.2672 Рік тому

    I dont have the header/footer option in templates, just page and landing page.

  • @oluwaseyiademola-oyerokun
    @oluwaseyiademola-oyerokun 3 роки тому +2

    Nice video! I have Elementor Pro but do not have any default template Kit, the ones named are such are my debunked attempts at creating one in the past...are there supposed to be some default template prototypes and if so where can I find it? TIA

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

      There should be a Default Kit, and if it's there, then leave it. Best thing is to make sure that previous Header Templates are not activated across your entire site, and just create a new one.

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

    Why does the footer not stick to the bottom of the page when the content is short - Hello Theme and elementor pro

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

      Because otherwise you’ll have a gap/ spacing so you have to adjust. Make the section be 80vh or something like that for the section before the footer.

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

    Where is astra really stored?
    How to ditch Astra without the theme completely dissappear?
    Seems to be tied with woocommerce as well

    • @websquadron
      @websquadron  Рік тому +1

      You’ll have to manually rework what was built with Astra

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

    after using custom header, my header id was lost and my website doest have header id

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

      Are you using the EL Header Template?

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

    Would you recommend to use Astra with Elementor to build the website, if build header and footer using Elementor?

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

      If you're using EL Pro, then use EL Pro for the Header and the Footer. But if you're using EL Free, then use the Header and Footer Blocks for Elementor Plugin - also Free - rather than Astra - because Astra doesn't give you full-blown creativity, and that other plugin will as it behaves just like EL Pro Header and Footer. Hope that helps.

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

      @@websquadron Hi, thanks for the input. How about to build the website as a whole? Do I need to use Astra theme with Elementor Pro?

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

      @@ctashlambert6814 Just Hello and Elementor Pro is fine :)

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

    I'm a complete newbie and I don't see, in the customize menu, how to delete the footer. Only option I see is to customize the footer builder. I know this video is a year old. So perhaps the settings have changed?

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

    Could you not get the best of both worlds by creating what you want in elementor and placing it in the theme customizer using Hooks? I agree that the one thing that throws me off is when you have theme and builder doing the same thing. Contact Forms is the ultimate perfect example of confusion

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

    At the 5:04 mark, my screen doesn't show as many items in the drop down for template type. I don't see header or footer. Do I have to have Elementor Pro to see them??

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

      Yes, you need EL Pro. To use Headers with EL Pro then use the 'Elementor Header, Footer and Builder Plugin'

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

    in elementor for me now it only has the ability to add new (landing page, page, section) how do i get your selectrions

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

      You'll need Elementor Pro

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

      @@websquadron I upgraded to pro but new options still haven’t popped up. Wonder if it’ll take a while to activate?

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

      @@websquadron I upgraded but for whatever reason it’s not showing I upgraded within the site.

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

    is it possible to to this header with elementor ?
    it is first transparent
    after scrolling down it disappears
    after scrolling up it is shown as sticky

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

      ua-cam.com/video/J8d4yVBQk9M/v-deo.htmlfeature=shared

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

    Thank you so much. I really apreciate your work!!!

  • @TP-si3km
    @TP-si3km Рік тому

    😀 Danke für das Video. Sehr hilfreich.
    ich überlegte gerade ob ich das Theme mit Astra oder Elementor mache.
    Bei Elementor habe ich volle Kontrolle. Also nehme ich Elementor pro.

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

    Great video!!!! Really simplifies things. I somehow got a double menu after creating a header with menu. Now the menu is duplicated in my header and I don't know why since I only have one designed header... It's driving me crazy

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

      Purge your site and server and also regenerate the css just to be sure.

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

      SAME PROBLEM. Can't solve with the regenerate.

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

    Thanks so much for this. I have been using Astra Pro & Elementor Pro for years and have always been confused what features to use in Astra vs Elementor. Fonts, headers, footers, hooks, etc. What are the Astra features & settings do you recommend turning on? Then the next question is if you have turned on and been using Astra features how do you switch/transition to Elementor’s features without disrupting your website? For instance I think I am using astra’s hooks, global color’s & fonts. Is there a painless way to switch to Elementor’s features? What is your recommendation if I am using Adobe font kit? I am just about to start your mega Elementor/WooCommerce training. I am hoping to be able to implement your recommendations on how to properly build a site in updating a live site that probably implemented some poor choices over the years. Thanks again.

    • @websquadron
      @websquadron  Рік тому +1

      The things that will break are the WooCommerce Filtering, Sidebar, Headers and Footers. Always take a backup before switching Themes.

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

      @@websquadron thanks. Do you use anything from Astra Pro or everything in Elementor?

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

    I'm using Astra theme , how can i change the header for the elementor header?

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

      Best to use Hello and EL Pro Header Template. See this: ua-cam.com/video/6yH_9SOZc1g/v-deo.html

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

    Great presenter, to the point too

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

    yikes I just broke my site Astra(free) swapped over to Elementor pro Header and footer and now display/function issues ...SSL CSS... and perfomance has tanked, think Im going to have to revert. It might be good if i could get it too work but that might be above my paygrade 🤣

    • @websquadron
      @websquadron  Рік тому +1

      Sorry to hear that

    • @kyliemackayfineart
      @kyliemackayfineart Рік тому +1

      @@websquadron all not lost turns out it was wprocket settings! I've got it working : )

    • @websquadron
      @websquadron  Рік тому +1

      @@kyliemackayfineart Phew

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

    cannot remove astra header footer

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

      You can if you delete it from Astra and add your own

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

    You are recommending to use Elementor for header and footer, so I understand its the actual "Theme builder" function in Elemnetor what you recommend, where I can create a header, footer, single page, archive etc. is that correct?
    Now Im asking myself, what is the advantage to use Elementor to build a theme (or header, footer) or what is the disantvantage to use the theme for it? I know you said, when using theme then we are more limited. But what exactly is the limitation when using the theme?
    And once (maybe in another video) you said "fake" to the Elementors header nav menu (not in negative way) , why is it fake, is it not same functional as a theme menu?
    Im confused or not sure, if I should use the Elementor or Astra Theme for header, footer etc. I also tested Elementor using its theme builder to create the header, footer, single page and I deactivated and deleted all themes. The page still worked. So if one uses Elementor also for header etc., one does not need a theme, is that maybe the one advantage? Not sure.
    Thanks for your feedback.

    • @websquadron
      @websquadron  2 роки тому +2

      I got a new video coming out that explains this and more (in 6 hours)
      The fake menu is just a fake menu that I use for training videos.
      Theme H and F can limit the style, layout and what you want to present. Elementor H and F gives so much more flexibility.

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

    I have created my site using astra because i did not understand much when i started. How do I use elementor footer and header and turn off the astra transparent garbage? I have deleted the individual cells "Logo, Primary Menu, HTML" etc from astra Transparent Header menu. when i create elementor template I only have the options Save draft or Save template. No publish to menu

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

      Thanks for the vid. I found the location menue not in the Edit with elementor publish button but using Edit from the elementor header and footer tab.

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

      You need to remove the Astra H and F in their customisers, and also ensure you are using the Default or the EL Full Width Page.

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

    I can't figure out why in my wordpress, I can't find header or footer adjustments by themselves. They are put together and it redirects me to some bullshit page that says default kit with I can't even understand. Frustrating. I can't find footer bar anywhere on my wordpress or elementor. And like usual, I try to do exactly like you do, and of course as usual my version does not have what your version has. I have no header or footer template. Murphy's law. So of course, I'm stuck using the built in Astra menu which I can't even figure out.

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

      Leave the default kit as it is.
      Click add new template and then select footer and then build.

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

      @@websquadron Ok, thank you!

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

    Doesn’t an Elementor header add more bloat? Also, Elementor doesn’t have off canvas capabilities natively without using a popup, which for me is a big issue. The mobile menu styling from the nav menu element just sucks and is too generic

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

      Not at all if you go through the Performance Settings with Autoptimize. We're hitting 98% on our PageSpeed Insights for the Mobile :) See this: ua-cam.com/video/lk11synL61E/v-deo.html

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

    Great video! I've tried to follow this tutorial, I have EL pro, but when it comes to adding a new header, it doesn't give me the option to choose "header". Also, I'm very happy with the Astra Nav menu I have, but it doesn't show on the real website - it just shows the default WP one. If I delete the WP one, then it shows no menu at all. Please can you help? Thank you.

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

      Are you clicking on Templates > Add New > and then select Header?
      You may need to check your site settings regarding the Headers for Astra etc. We could help you with 121 site support but we charge for that. Email me on info@websquadron.co.uk if required.

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

    I could really do with some help. I am a complete beginner. I created a a website with an Astra template theme that i believe came with header and footer but it was too limiting. So i added the elementor header and footer builder plug in. I loved the header and footer i created but after a short while of my website going live, my image (logo) stopped showing. I’ve guessed that maybe I had left something in the header/footer in the theme so i deleted all from that but still no image. I have been in touch with my hosting company who attempted to help but i ended up being told that it was the plugin I was using. So i deactivated that and can’t believe the logo still will not work. I’m pulling my hair out now and no one seems to be able to help. Do you think this is something you can help me with please?

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

      Can you go to your Astra Settings and make sure the Header and Footer is completely removed. I'd love to help but we charge or 1-2-1 support: info@websquadron.co.uk

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

    This is only available in pro

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

      Indeed. You can use the Elementor Header and Footer blocks plug-in :)

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

    Excellent

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

    Was a good one for me EXCEPT I am still using free Elementor and you didn't specify what you were utilzing. I suspect it was PRO if you are a developer for clients. As a newbie I am just trying to get up and running with free Elementor and free Astra. My Starter template has a girl's image in the footer which has no relevance for me but I can't delete it! I am essentially a blog and had Hello up and running with a customized header and footer only to find that I needed Elementor Pro to activate my blog properly.

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

    Mega menus?

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

      Indeed - try this: ua-cam.com/video/M0OiNMWUk2Y/v-deo.html

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

    Hello, I have Astra (and pro) and elementor (and pro). I have a problem, when I am creating a header, and I put PREVIEW in the theme builder, the header appear twice. What can be the issue? Thanks in advance.

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

      You need to disable the Astra Header.

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

    boss how to use those templates????

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

      Better not to use them and instead use Elementor's Header Template.

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

      @@websquadron that's what I m asking how to use elementor header in Astra

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

      @@ajitjadhav9040 We show that in the video, with how to use the Template Builder for the Elementor. Remove the Astra Header and then create from scratch.

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

      @@websquadron thanks for quick reply . I had created the header template now whats next?

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

      @@ajitjadhav9040 Have you watched the video fully? Make sure that you set your Display Conditions.

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

    nice video but WHY DO YOU USE EDGE IN MACOS? tf is wrong with u

    • @websquadron
      @websquadron  2 роки тому +2

      Why not?
      I test sites on Edge, Chrome and Safari.

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

    Hi Imran thanks for advice to use Elementor Pro to get rid of form submission mistakes.
    Please tell me how can I add "before footer" on elementor pro. Before I used Elementor Header & Footer Builder plugin and there was that option to builed before footer, but on elementor pro there are only header and footer builder. I need to build before footer like here ua-cam.com/video/w61OYYFG0jY/v-deo.html
    Elementor pro's support can not undersatand what I mean)

    • @websquadron
      @websquadron  2 роки тому +2

      Just add it above your footer in the footer template. Or have additional footer templates for different pages. Or add it to the bottom of the actual page.

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

      @@websquadron thanks)

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

    I can’t believe I paid money for this failure

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

    Get to the point man! Talking so much unnecessary rubbish.