Free Elementor Header, Footer and Blocks (Make Headers, Footers and Custom Blocks in Elementor)
Vložit
- čas přidán 24. 04. 2020
- In this video, am going to show you how to create free elementor header, footer and blocks. All this will be done using the free elementor page builder plugin and the free elementor header footer and blocks plugin from Brainstorm force. So if you have been on a search for how to create headers in elementor, or footers in elementor or basically how to create custom blocks in elementor and use a shortcode to display them, this is the video for you. Have fun watching it.
Here is a step by step blogpost: gotechug.com/free-elementor-h...
Free Elementor Sticky Transparent Header Tutorial: • Free Elementor Sticky ...
_______________________________________________________
🛠 Download my Free WordPress Beginner Toolkit: gotechug.com/toolkit/
⚙ Gear I Use (entire camera and recording equipment): www.amazon.co.uk/shop/gotechug
_______________________________________________________
Get a Domain and WebHosting
🔵 Hostinger: gotechug.com/hostinger
🔵 Blue Host: gotechug.com/bluehost
🔵 InMotion Host: gotechug.com/in
🔵 Hostgator: gotechug.com/hostgator
_______________________________________________________
✅Get Envato Elements ( Thousands of Elementor Templates): gotechug.com/envato
Preferred Elementor Themes
✅OceanWP theme: gotechug.com/oceanwp
✅Astra theme: gotechug.com/astra
✅Kadence theme: gotechug.com/kadence
✅Blocksy theme: gotechug.com/blocksy
_______________________________________________________
Awesome Elementor Addons & Plugins
✅Get Premium Addons here: gotechug.com/premiumaddons
✅Get Elements Kit Addons for Elementor: gotechug.com/ek
✅Get Element Pack: gotechug.com/elementpack
✅Get Ultimate Addons for Elementor: gotechug.com/uae
✅Get Essential Addons for Elementor: gotechug.com/essential-addons
✅Get Piotnet Addons for Elementor: gotechug.com/pafe
✅Get The Plus Addons for Elementor: gotechug.com/theplusaddons
✅Get NitroPack: gotechug.com/NitroPack
_______________________________________________________
Productivity Tools
🔔Get LastPass Password Manager: gotechug.com/lastpass
🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fiverr
_______________________________________________________
🔔Subscribe to my newsletter
gotechug.com/newsletter/
Follow GoTechUG on Social Media
/ gotechug
/ gotechug
For business inquiries send to: hamza@gotechug.com
Background Music: By Ben Sound
DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
Thank you - Jak na to + styl
![Free Elementor Sticky Transparent Header Tutorial. [Sticky Header On Scroll Effects] No CSS, No BS😜](/img/n.gif)
Thank you for your very helpful video. I was struggling with how to create my own footer but your clear and to-the-point instructions made it so easy.
Really useful tut, great narration, easy to follow and understand instructions. Thanks!
I was struggling to make my headers update across my entire website and this video helped me solve the issue. Thank you so much!!
Great to hear this could help, congrats Amanda
Thank you so so soooooo much for creating this tutorial. You have truly helped me big time. May God bless you and continue making these tutorials to help some of us who are struggling with creating websites.
Thank you for directing me here from your other video, to solve my problem about how to include Navigation Menus in the header. It has worked perfectly. Thank you, again, for your clear instructions and teaching.
So glad this helped. All the best Ian.
Very helpful and exactly what I needed - really appreciate you!
**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/
You really helped me out on the menu selection dropdown 6:19 into the video great stuff man!
Thank you for the video! It was very helpful for a beginner like myself 😂 if you have time and want you can make a video how to use this plugin to edit the mobile version ( im struggling there) thanks again and keep up the good work
Noted!
And boom !
Very useful and well explained
Thanks
Brilliant tutorial. Very easy to understand, thank you.
Very helpful and well explained steps. Thank you .
you really helped me, I was struggling with this!
Extremely useful tutorial! Thank you!
Thank you Ivanov
Big fan .. U make it so easy and every second is worth .
Glad to read this. Thanks for watching
God bless you brother. You have made my days. U really save me from a fight from a client here. Thank you for this video
All the best for you and your client.
Great tutorial. Thank you
Great video, thanks for that!
thanks for making this vedio it really help me in understanding templates..
Impressive. I have learned a lot. Don't stop. Keep going.
Thanks, will do!
A little bit fast but I now understand how to create the footers I need which I haven't learnt from previous CZcams videos.
Glad that you now know and probably this video helped. All the best!
Thanks a lot dear, this helps me a lot... I m ur new subscriber
Thanks for subbing!
Hey buddy, when I click on edit with elementor I see a vertical yellow strip below the header with the terms and condition and privacy policy. How to remove that?
Very Helpful thank you
Thank you for the really helpful video! Is it possible with this plugin to have a transparent header??
Your English is so good. I can understand you perfectly because you have great pronunciation. Be aware though, I think you mean left but you said right for the logo.
PS Say How the menu looks or what the menu looks like but don't say "how the menu looks like" which is wrong but many make that same mistake.
Thanks for the correction
Bambi I needed this video because the blog footer is suffering thank you Hamza
hahaha... suffering? lol
Thumb Up GoTechUG. Your are the man
Thanks for watching Emeka
Hey, thank you very much for this tutorial. is there any way to create a sticky header with the free version?
You're the best! Thanks bro
You're welcome!
Thank you so much :)
Thanks! This was great and to the point! Do you know if this plugin lets you make sticky headers? I can't find the option to do so.
No, its possible in EPro or with make header sticky addon.
thanks for the tutorial, id dont see those header templates is that rigt? is it a Epro feature?
hi, I use this plugin and really like it. I don't know if it is due to a recent update or not but I have now an issue in the nav menu in header. I have choosen to give the active menu a different text colour but in addition it is framed black which I don't like. I don't know where to disable this. Can you please help? thanks
Nice to see a fellow Ugandan YT.
My header and footer don't appear when I unhide my site and go live. In admin mode they appear just fine. As soon as I go live there are two white blocks where they should be. Some how they aren't assigned when I go to menu managment in dashboard, there is no option to assign them. Also I make sure that my site is set to default and not elementor canvas but still nothing. I just can't get it to work.
very helpful tutorial :))
Glad it was helpful!
I am excited about making my own headers and footers without fighting the credits in other themes.
credits war.. season II lol
Jajaja this has ugly performance. Dont do it!
Thank you!!!!
excelente, muchas gracias
It helped me ALOT bro. Thx thx thx.
Glad it helped
I tried to make a footer as in your video, but on my temlates, there are no templates, what am I doing wrong?
Hello for some reason, when i add color to the background section of the header, I want it to be transparent, but it just stays fully opaque all the time? could you help me?
It's very very useful for me.thanks
Glad to hear that
How can i add a sub tab? Like, i want to add a drop down of Photography, Graphic Design, Animation under the tab of Portfolio, I’ve tried it on Wordpress menu, but it isn’t showing on elementor, maybe because I’ve used this plugin. Please help
Hi tank You for the tutorial.
I created a footer but I have a problem, in some pages I have just a few paragraphs and when I svitch to differents screen with different dimensions, the footer is not always at the end of the page but sometimes I have a white strip below the footer.
This appen also whe I use the combination CTRL + WEEL DOWN to resize the page.
Is there any way to avoid this problem and to force the position of the footer at the end of the viewport?
Thank You in advance
This guy should have more subscribers man.
Thank you Damian
What to do when the plugin stops displaying the dropdown for the template option. Also I no longer can add post to the display rules
i have a weird white space below the footer. Its not a margin, padding, not even another element. its not selectable. Please help
Hi, I used another of your video's to create a menu on a one page website so it allows you to go to each section from the header.Can I still use that menu in the header with this video and then make it transparent or do I have to create a new video from this video and then make it transparent? I thought it would be really simple to just make a simple transparent menu appear at the top of the page over a banner image, but seems like several over complex steps. Thanks for any help.
thank you for your video.today really it's safe me from something.thank you.
Glad to hear that Md.Shaker
Hi, great content. I' ve created my blog site 5 months ago and installed the elementor header, footer & blocks plugin as you showed in this video. Now trying to enter my site through elementor I couldn't acces the menue on the left. It was loading the whole time. After searching via google the suggested checking the elementor plugins. The header, footer & blocks plugin was causing a conflict. After deactivating this, I was able to access the menue in elementor again. Why is there a conflict? Can I avoid this? I like to install the plugin again. Thanks
Thank you very much for the lessons, you helped me out a lot of times. But here everything that I could have tried does not help, after adding an Elementor header and footer to my site, on the mobile version, fields remain empty on the sides. I also tried to install other plugins for creating a header in Elementor. But also empty sides come out. Looking forward to hear from you, please. Kind Regards!
Why my header and footer doesn´t show up on my page? Even I have published those at entire website. I can´t edit header or footer when safe mode is off.
hy Thanks for give us a informative video
I have question when i design header and update so my home page shows 2 its show duplicate, remenber i am not using astra theme. on other pages lke about contant us pages its shows perfect but isse in home page.
first of all, thanks for all your works, it's very good keep on, but I have one question "How to edit the elementor header, footer and blocks?" to be support RTL, other language, it by default switch to RTL, but I Can't Control the Content ? Need Some Help :)
Thanks it was so helpful for me😞🤩🤗
Glad to read this.
Keep learning from this boy
How do I get the header I created to display on the website? I've set it to entire site but it's not displaying.
thanx bro...when will you upload anything on online store websit?
Will upload soon
thanks for sharing
My pleasure
thnx man.
great video thanks, any idea how to make it sticky, and transparennt???
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
thanks for putting this up :)
how do i add a pop up form from mailchimp with this plugin?
Very helpful. Just a quick question. After footer, a white space appears on my website. Kindly, Is there suggestions?
When I click on edit with elementor nothing happen.
Sticky Headers Are Not working with that... I have tried many. Any Idea?
Hi ive had some problems with this
I have no idea how to get a header can i please get some help
Hey how to fix header sticky..
Ok but how do I make a drop down for the menu I added one the classic way in menus under appearance but all I see is an arrow for the drop down it changes directions when I press it but the page doesn’t appear
?
4:01 When I click on "edit column", nothing happen... I can't do right click nor clique as I've seen on others videos on youtube. Can you help me ? I have well downloaded the pluggin "Elementor - Header Footer & Blocks Template" but even without this pluggin, it doesn't work. My theme is Twenty Twenty.
Please help me !
Exist to dashboard, uninstall and reinstall the plugin. Follow tutorial. If it still doesn't work, let me know.
@@GoTechUG It still doesn't work. Please can you tell me what to do ?
I am having problems with a sub menu, when I hover over the and it shows the first dropdown it is white and you can't see what the sub menu says until you hover over it. How can I fix this. Great tutorial by the way! Thanks!
Select the nav widget, go to styles and lookout for sub menu drop down. Change the background color to your choice. And background color on hover.
All the best.
Hi GO TECH UG, Sorry for the inconvenience! I installed a plugin for Header Footer Kits but now I see this written "Click Update File to save changes" on the top before the Header that I would like to delete! Could you please tell me how do I get rid of it ??? Helppppppp :) :) :) Good job and always congratulations on your great videos! :)
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?
Make sure you have set the display condition of both the header and footer to display on the entire website. That will fix your issue
I am having the same problem. I have displayed header on web pages, but now I want to change logo in header, but it is not letting me edit anything.
Could I use this to build a single post template? The headers and footers work like a charm :).
No, you need EPro or try out elementskit addon
how do you connect the header you create with a page ? you only use the shortcode of elementor to do it ??? .... its not suppose to do it automatically ??
Create a Menu. (Dashboard>Appearance>Menus)
Add your page/s to the menu and save.
Inside your header, add the Nav Menu widget and select the menu you created.
Save changes and that way you've connected your header to a page/s.
Hi Sir. Thank you for your tutorial. I would like to ask if it is possible to export the header that i created using Elementor- Header Footer & Blocks? i would like to use it on different website. hope to hear from you soon. Thank you
Yes, you can
@@GoTechUG yes thank you i already export it and import on my new project.
Hy
Great video and very helpful.
I have one problem. Header menu comes across my "product url" if i can send you a picture it will be great because i dont know how to explain it :D
Thank you anyway :)
I created a custom header and applied it to the entire site. But after that, the page heading title which we edit from Appearance --> Customize option disappeared from every blog page and post. I kept the page heading title as H1 tag so I planned to keep page heading title as my post title but now it's disappeared. What am I supposed to do?
If you created your pages with elementor, simply open the page with elementor and go to setting (gear icon), then enable display page tittle. If you created the page with Gutenberg, simply open the page in GB then enable display of the page tittle.
@@GoTechUG I created my blog posts in Gutenberg, I just created the custom header in elementor and all the posts have page display title enabled still.
It is not working. when I went to edit with elementor it shows "error404". Please help me if you can.
Same Issue with me let me know if you got it fixed.
Footer: When I clik "Edit With Elementor" I get "The preview could not be loaded".It has been OK before,but not now
I had the same problem. Go to the website preview, then select customize in the upper menu, then go to footer, footer widget, and make sure the footer is enabled. Then come back and do the same on footer bar. And finally go back and try again.
First delete your present theme and download another theme, and activate it then download your theme which you want to use and delete your previous theme, then your plugin work properly
Where did you download all those templates?
Checkout envato elements and elementor pro
with submenu no work it
how does it work for mobile header
Great, u've got all the custom options.
Bro please make video on sticky header for elementor header
This plugin does not work anymore
my footer wont stay in the bottom
Why? Hope you assigned it as footer for you entire website rather having it as a template pasted on every page.
How do you make custom headers per page? Could you make a video about that?
Why would you do this? Instead just create each page separately.
@@GoTechUGThanks!, but doesn't every page must have a header?
Hi, it is clearly but around 17:50 minutes your vidéo was blurry😉
So custom blocks is another way of using Elementor's Template library..!
Ohh yes..
i dont have templates
Try envato elements plugin.
@@GoTechUG use pro or free
Free is good to start
@@GoTechUG Can you contact via email? I don't understand
Too many adverts
Lot of commercials