How To Create Custom Header & Footer in WordPress

🏆 #1 Content Generator - https://gravitywrite.com/
🌐 The Best Place to Host your Website - https://webspacekit.com/
❤️ 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗹𝘂𝗴𝗶𝗻 ➜ https://websitelearners.com/get/websi...

⚡𝗚𝗲𝘁 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗿𝗼 ➜ https://wl.tools/elementor-pro

👉 𝗚𝗲𝘁 𝟱𝟬% 𝗢𝗙𝗙 𝗢𝗡 𝘁𝗵𝗲 𝗦𝗨𝗣𝗘𝗥 𝗙𝗔𝗦𝗧 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗛𝗼𝘀𝘁𝗶𝗻𝗴 ➜ https://go.webspacekit.com/CustomHeader

📌 Get New Video Updates ➜ https://whatsapp.com/channel/0029VaAY...

Learn how to create a custom header and footer for your WordPress website

🎬 𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗖𝗼𝗻𝘁𝗲𝗻𝘁𝘀
0:00 Intro
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.

✅ 𝗪𝗲 𝘄𝗶𝗹𝗹 𝗯𝘂𝗶𝗹𝗱 𝗮 𝗽𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝗕𝘂𝘀𝗶𝗻𝗲𝘀𝘀 ➜https://bit.ly/WebsiteRequirement

❤️ 𝗢𝘂𝗿 𝗥𝗲𝗰𝗼𝗺𝗺𝗲𝗻𝗱𝗲𝗱 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗧𝗼𝗼𝗹𝘀

🔴 🌐 Free Domain + ⚡ Fast Hosting | 𝗪𝗲𝗯𝗦𝗽𝗮𝗰𝗲𝗞𝗶𝘁 | https://wl.coupons/3umf3K7
🔴 🖥️ Ready-made Websites for 🏷️ Sale | 𝗠𝗮𝗸𝗲𝗬𝗼𝘂𝗿𝗪𝗣 | https://wl.coupons/3sdMBHP
🔴 🧑💻 Get your website developed by 👨💻 Experts | https://wl.coupons/3shxFbK
🔴 🛠️ Check out our Top recommended 𝗧𝗼𝗼𝗹𝘀 | https://wl.coupons/3J2fwFr

🔥 𝗪𝗲𝗯𝘀𝗶𝘁𝗲 𝗚𝘂𝗶𝗱𝗲 - 𝗦𝗶𝗺𝗽𝗹𝗲 & 𝗘𝗮𝘀𝘆 𝗦𝘁𝗲𝗽𝘀 𝘁𝗼 𝗹𝗮𝘂𝗻𝗰𝗵 𝘆𝗼𝘂𝗿 𝗳𝗶𝗿𝘀𝘁 𝗪𝗲𝗯𝘀𝗶𝘁𝗲

🟢 🖥️ Make a Website in 10 mins | https://wl.coupons/3ulHXdz
🟢 📰 Make a Blog - Quick & Easy | https://wl.coupons/3LaS7n0
🟢 🛍️ Make an Ecommerce site | https://wl.coupons/3L7lw1E

🎓 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝘁𝗼 𝗴𝗲𝘁 𝗯𝗲𝘁𝘁𝗲𝗿 𝗮𝘁 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀

🔵 🔥 Beginner WordPress Course | 50% Coupon ytSub | https://wl.coupons/3J2fxJv
🔵 🛒 Ecommerce Course | SAVE 50% Coupon ytSub | https://wl.coupons/3ooUvwJ
🔵 📖 Check out our Blog posts for free content | https://wl.coupons/3LkVUi3

🎁 𝗖𝗼𝘂𝗽𝗼𝗻𝘀

🟡 🔍 Grammarly｜20% off｜https://wl.coupons/Grammarly
🟡 📲 Publer｜10% off｜https://wl.coupons/publer
🟡 📈 Mangools ｜10% off｜https://wl.coupons/mangools
🟡 💼 Fiverr｜10% off Coupon WEBSITELEARNERS10｜https://wl.tools/fiverr
🟡 🖼️ Astra｜10% off Coupon WLDiscount｜https://wl.coupons/Astra
🟡 📊 SEMScoop｜20% off Coupon SAVE20LT｜https://wl.coupons/SEMScoop
🟡 📝Anyword｜20 % off Coupon Anyword20｜ https://wl.tools/Anyword

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to [email protected]

💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

Instagram ➜   / websitelearners  
Facebook ➜   / websitelearners  
LinkedIn ➜   / website-learners  "