VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
How To Create Custom Header & Footer in WordPress - Website Learners

How To Create Custom Header & Footer in WordPress - Website Learners

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
How To Create Custom Header & Footer in WordPress 0:53 Install Elementor Plugin 2:46 Create Custom Header 10:10 Optimize Your Design for Mobile View 11:42 Create Custom Footer 19:24 Import Premade Header & Footer Design To create a custom header & footer, Install Elementor Header & Footer plugin, And install the Elementor plugin on your website. Click this link to download https://websitelearners.com/get/websi... Part 1: To create custom header Step 1: Create a header block Go to dashboard Appearance Header Footer & Blocks Add New Give block name & select header in type of template. Now select where you want to display the header and click Publish. Step 2 : Design the header section Click Edit with Elementor & click the plus icon and select layout. Now design the header by adding elements. To change the look of your header in mobile view, Go to elementor editing page & change the responsive mode to Mobile. Part 2: To create a custom footer. Step 1: Create a footer block Go to dashboard Appearance Header Footer & Blocks Add New Name your block & select Footer in type of template. Now select where you want to display the footer & click Publish. Step 2 : Design the Footer section Click Edit with Elementor & select a layout by clicking the plus icon. Now you can start designing your footer by adding elements. To get elementor pro plugin, click this link https://wl.tools/elementor-pro Choose a plan, fill up the details & make purchase. Download & Install the plugin to your WordPress site. To import the design, go to dashboard Templates Add New Choose header/footer from the type of template & give a name to it. Now click Create Template & choose the design & click publish. So this is how you can create a custom header & footer section to your website using Elementor
Date: 2022-04-28

Comments and reviews: 10


OK, guys, something changed in 2022!!! Some changes are small, but I was still able to get the plugins installed and get to the editing page. But there is no dragging and dropping the elements into my header!!! I do everything exactly as he says, I chose my layout, but there is no style tab so I am not able to choose a background color or drag and drop anything into my header!!! I guess I have to pay to get even the basic elements?!?! Very frustrating and a big waste of time. :-( I am not happy.
reply

You are awesome and it is great to see a fellow Indian do so well. But sticky menu plugin does not work for me so when I use SiteOrigin CSS plugin, the background of the header does not get selected and as a result, it only sticks these specific three elements on the header (logo, menu & button) without any background colour. Without the background colour, the sticky header blends with the other colours on the website and it is not legible. What's the solution for this?
reply

Thank you very much for the lessons, you helped me out a lot of times. But little question: after adding an Elemntor 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!
reply

Hi,
I have a problem to my navigation menu. It is presenting the between of header on mobile view. I want to make it on top right corner of my header on mobile version. Can you suggest something about it??

reply

UPDATE: The plugin Elementor header, footer and block template plugin isn't supported by Elementor and does not work! It returns nothing as you update the page and visit the website. DO NOT use it!
reply

Hi, Excellent tutorial and very helpful ;) Thanks but I need your help. When I post my logo or one image on my website, I lost the quality and the image or logo is blurry :(
reply

Very informative video, the link for getting elementor plugin not downloading, kindly send me a link where i can download the elementor plugin. Thanks for good work.
reply

HEY, i want to ask i have done your saying finish the header by elementor header, but i can't use mystickymenu to stick the heder, i don't know how to do that
reply

Hi sir, i want to ask. How about i want to import my customize header to my website. So it's like i make itself,not from the template of elementor or etc.
reply

i have a question.i have applied all steps but my footer doesn't change at home page ,remaining pages updated.what should i do?plz help me out
reply
Add a review, comment






Other channel videos