• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/How To Create Custom Header & Footer in WordPress

How To Create Custom Header & Footer in WordPress



โค๏ธ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฃ๐—น๐˜‚๐—ด๐—ถ๐—ป โžœ https://websitelearners.com/get/website-elementor

โšก๐—š๐—ฒ๐˜ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฃ๐—ฟ๐—ผ โžœ https://wl.tools/elementor-pro

๐Ÿ‘‰ ๐—š๐—ฒ๐˜ ๐Ÿฑ๐Ÿฌ% ๐—ข๐—™๐—™ ๐—ข๐—ก ๐˜๐—ต๐—ฒ ๐—ฆ๐—จ๐—ฃ๐—˜๐—ฅ ๐—™๐—”๐—ฆ๐—ง ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—›๐—ผ๐˜€๐˜๐—ถ๐—ป๐—ด โžœ https://go.webspacekit.com/CustomHeader

โœ๏ธ ๐—š๐—ฒ๐—ป๐—ฒ๐—ฟ๐—ฎ๐˜๐—ฒ ๐—›๐—ถ๐—ด๐—ต-๐—ค๐˜‚๐—ฎ๐—น๐—ถ๐˜๐˜† ๐—–๐—ผ๐—ป๐˜๐—ฒ๐—ป๐˜ ๐—ค๐˜‚๐—ถ๐—ฐ๐—ธ๐—น๐˜† โžœ https://wl.tools/gravitywrite

๐ŸŒ ๐—–๐—ผ๐—ป๐˜๐—ฎ๐—ฐ๐˜ ๐˜‚๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—ช๐—ฒ๐—ฏ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ โžœ https://bit.ly/WebsiteRequirement

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 contact@websitelearners.com

๐Ÿ’ฌ ๐—™๐—ผ๐—น๐—น๐—ผ๐˜„ & ๐—–๐—ต๐—ฎ๐˜ ๐˜„๐—ถ๐˜๐—ต ๐˜‚๐˜€:

Instagram โžœ https://www.instagram.com/websitelearners
Facebook โžœ https://www.facebook.com/websitelearners
LinkedIn โžœ https://www.linkedin.com/company/website-learners”

source

Written by:
Abdul Wahid
Published on:
October 24, 2023

Categories: VideosTags: custom header and footer elementor, custom header and footer in wordpress, custom header and footer wordpress plugin, how to add custom header and footer in wordpress, how to create custom footer in wordpress, how to create custom header and footer in wordpress, how to create custom header and footer using elementor, how to create custom header in wordpress, how to make custom footer in wordpress, wordpress tutorial

Reader Interactions

Comments

  1. Website Learners

    October 24, 2023 at 10:06 am

    โค๏ธ Get 50% OFF ON the SUPER FAST WordPress Hosting โžœ https://go.webspacekit.com/CustomHeader-1

    ๐ŸŒ Vote for our next video โžœ https://topics.websitelearners.com/websitelearners

    ๐Ÿšฉ Checkout our exclusive WordPress course โžœ https://websitelearners.com/mpw-course/

  2. Ayesha Hoque

    October 24, 2023 at 10:06 am

    In my WordPress Elementor there is no inner section.

  3. Moha Moum

    October 24, 2023 at 10:06 am

    well explained thanks .You miss only working with short code

  4. Oyster Communications

    October 24, 2023 at 10:06 am

    Thank you Bryan! Best video yet on the topic!

  5. Digital India

    October 24, 2023 at 10:06 am

    when i open footer with elementor.. it doesnt open. takes so long for processing . what cd be the reason ?? can u help ??

  6. Farjana Mammi

    October 24, 2023 at 10:06 am

    THANK YOU SOOOOOOOOO MUCH

  7. MAN

    October 24, 2023 at 10:06 am

    Can you redirect me to any tutorial from you where you made a mega menu , without any code, just plugin, additional infl, megamenu to be fixed in left side one categori named Products, when you press to drop down menu, with categories, and then once you navigate to slide in right side, also to have future to put Hot label

  8. Anisur Rahman

    October 24, 2023 at 10:06 am

    to get elementor plugin should i have to pay or free pls let me know

  9. Leon Hood

    October 24, 2023 at 10:06 am

    I just want to say. You are a GREAT YOUTUBER. I have learned a lot from you. I canโ€™t thank you ๐Ÿ™ enough
    Continue you your great work. I shall continue to pray ๐Ÿ™ that God will bless you
    ๐Ÿ’ช๐Ÿฟ๐Ÿ’•๐Ÿ™๐Ÿ•Ž๐Ÿ˜Ž

  10. Sunil Goel

    October 24, 2023 at 10:06 am

    Hi Bryan. It is lovely watching your videos. You explain the concepts and issues with such crisp clarity. you made this video 2 yrs back. Now, options in elementor header and footer plugin have changed. From WP dashboard, we click on Appearence, then it shows option 'Elementor Header and Footer Builder' and not Blocks as shown in video. When we click on 'Elementor Header and Footer Builder', we land at a page where we are totally clueless. Can you kindly help. I am using GP theme on wordpress site. Thns. Rgrds.

  11. Aashish Dhiman

    October 24, 2023 at 10:06 am

    Elemantor plugin is unavailable

  12. Wajid Maroof

    October 24, 2023 at 10:06 am

    U liers bit**es didn't tell us about if we wants to add cart it will bot be free

  13. Shopify Galaxy

    October 24, 2023 at 10:06 am

    maa sha Allah nazar na lagy …hmARY OFC ME AIK AHMAD h us k sath apko compare usko to lun wja hua ap phir b bht khoobsurat

  14. MR SAMSON GURU

    October 24, 2023 at 10:06 am

    Thanks, but can you make a video on how to change header for laptop and tablet without it affecting the mobile default header

  15. Akash Raj

    October 24, 2023 at 10:06 am

    Thanks bro

  16. MR SAMSON GURU

    October 24, 2023 at 10:06 am

    Thanks, but can you make a video on how to change header for laptop and tablet without it affecting the mobile default header

  17. Anuruddha Senarath

    October 24, 2023 at 10:06 am

    Thank you bro…

  18. DJ Singh

    October 24, 2023 at 10:06 am

    Excellent

  19. Md. Shafiqul Islam

    October 24, 2023 at 10:06 am

    Great tutorial! Thank you so much.

  20. Prakhar Kathal

    October 24, 2023 at 10:06 am

    I have latest version of elementor pro 2023, if anyone need, i will send

  21. Shrikrishna Ballary

    October 24, 2023 at 10:06 am

    the link is not working nor downloading the file

  22. Aryan Ranka

    October 24, 2023 at 10:06 am

    My footer is overlapping the content . What can I do

  23. H.M Milon

    October 24, 2023 at 10:06 am

    How to create e paper page in wordpress coding site ๐ŸŽ‰

  24. Santa

    October 24, 2023 at 10:06 am

    pelase dont use this chrome recognizes it as pop up

  25. Cristina Palomec

    October 24, 2023 at 10:06 am

    BRILLIANTLY ARTICULATED!!!!!!! CLEAR AND CONCISE ๐Ÿ‘

  26. Lalith Kumar.D

    October 24, 2023 at 10:06 am

    cant able to download the Elementor Plugin for Website which you gave an link in above description.. It asking to buy it it's not aviailable for free… kindly say me a solution. im only waiting for this to edit.. if i complete this i could proceed to Launch…

  27. HOMA MUDDU SURENDRA NEHRU

    October 24, 2023 at 10:06 am

    with themes already header and footer are inweb site,how to remove them

  28. HOMA MUDDU SURENDRA NEHRU

    October 24, 2023 at 10:06 am

    elementor website, we need to pay,it is not free

  29. mamta patel

    October 24, 2023 at 10:06 am

    There is no file attached. All the links to websites. Please provide the file

  30. ABRAHAM KORSIAH

    October 24, 2023 at 10:06 am

    THANKS SO MUCH BROTHER

  31. P kk

    October 24, 2023 at 10:06 am

    Very nice information with simple explanation

  32. Anna Newkey

    October 24, 2023 at 10:06 am

    Not sure if I'm missing something, but I've just watched the whole thing, which is very good, but it doesn't actually tell you how to get your header added. I am using a template, twenty twenty two. Looks you have to pay for that?
    Moving on.. ๐Ÿ™‚

  33. Vibhuti Verma

    October 24, 2023 at 10:06 am

    Very nice video. Can you please tell me how I can write shortcode for the copyright section for my website. Currently I have to change the year manually.

  34. natalie stewart

    October 24, 2023 at 10:06 am

    this is the best explanation i have seen on youtube for this project on Header and Footer. for a first timer. thank you

  35. Elizabeth Mukuka

    October 24, 2023 at 10:06 am

    Thank you!

  36. monika nagar

    October 24, 2023 at 10:06 am

    thank you

  37. Chandan Joshi

    October 24, 2023 at 10:06 am

    i just want to edit existing header footer on website

  38. Atul Tanna

    October 24, 2023 at 10:06 am

    If I want to change only the footer yet I have add the elementor header and footer plugin or is there an elementor footer plugin thx Awaiting your response

  39. Netkravler

    October 24, 2023 at 10:06 am

    Change the title to include the fact that you use Elementor. you are wasting anyone elses time without stating exactly what you do

  40. FARAZ ANSARI

    October 24, 2023 at 10:06 am

    where is the account section from the header?

  41. BrightLight

    October 24, 2023 at 10:06 am

    So you can't add a transparent header unless you have the pro version of Elementor?

  42. channel 100

    October 24, 2023 at 10:06 am

    Brilliant

  43. channel 100

    October 24, 2023 at 10:06 am

    Thanks bro

  44. Jemah Kontos

    October 24, 2023 at 10:06 am

    how to fix product description not showing

  45. Itz Factzilla

    October 24, 2023 at 10:06 am

    Superb tutorial. Thanks a lot

  46. mahi khan

    October 24, 2023 at 10:06 am

    unable to install plugin with this link

  47. Sara Lara

    October 24, 2023 at 10:06 am

    The best theme is avada https://bit.ly/3lVkvl3

  48. Pinkzz Info

    October 24, 2023 at 10:06 am

    amazing

Primary Sidebar

Wordpress

  • Content Management Systems (2)
  • Digital Marketing (4)
  • Internet Marketing (6)
  • Latest News (458)
  • Online Business (2)
  • Plugins (519)
  • Themes (521)
  • Videos (1,350)
  • Website Development (1)
  • Woocommerce (589)
  • WordPress (6)

Recent Articles

Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

WordPress: A Powerhouse for Achieving Internet …

Continue Reading about Unlock Your Internet Marketing Success with WordPress: The Ultimate CMS for Achieving Online Goals

Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

How to Use WordPress to Achieve Your Internet …

Continue Reading about Unlock Your Internet Marketing Potential with WordPress: A Comprehensive Guide

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2025 ยท Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter