๐Ÿ† #1 Content Generator –
๐ŸŒ The Best Place to Host your Website –
โค๏ธ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฃ๐—น๐˜‚๐—ด๐—ถ๐—ป โžœ

โšก๐—š๐—ฒ๐˜ ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐—ผ๐—ฟ ๐—ฃ๐—ฟ๐—ผ โžœ

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

๐ŸŒ ๐—–๐—ผ๐—ป๐˜๐—ฎ๐—ฐ๐˜ ๐˜‚๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—ช๐—ฒ๐—ฏ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ โžœ

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 โžœ

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 โžœ
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.

โœ… ๐—ช๐—ฒ ๐˜„๐—ถ๐—น๐—น ๐—ฏ๐˜‚๐—ถ๐—น๐—ฑ ๐—ฎ ๐—ฝ๐—ฟ๐—ผ๐—ณ๐—ฒ๐˜€๐˜€๐—ถ๐—ผ๐—ป๐—ฎ๐—น ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐—ณ๐—ผ๐—ฟ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—•๐˜‚๐˜€๐—ถ๐—ป๐—ฒ๐˜€๐˜€ โžœ

โค๏ธ ๐—ข๐˜‚๐—ฟ ๐—ฅ๐—ฒ๐—ฐ๐—ผ๐—บ๐—บ๐—ฒ๐—ป๐—ฑ๐—ฒ๐—ฑ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—ง๐—ผ๐—ผ๐—น๐˜€

๐Ÿ”ด ๐ŸŒ Free Domain + โšก Fast Hosting | ๐—ช๐—ฒ๐—ฏ๐—ฆ๐—ฝ๐—ฎ๐—ฐ๐—ฒ๐—ž๐—ถ๐˜ |
๐Ÿ”ด ๐Ÿ–ฅ๏ธ Ready-made Websites for ๐Ÿท๏ธ Sale | ๐— ๐—ฎ๐—ธ๐—ฒ๐—ฌ๐—ผ๐˜‚๐—ฟ๐—ช๐—ฃ |
๐Ÿ”ด ๐Ÿง‘๐Ÿ’ป Get your website developed by ๐Ÿ‘จ๐Ÿ’ป Experts |
๐Ÿ”ด ๐Ÿ› ๏ธ Check out our Top recommended ๐—ง๐—ผ๐—ผ๐—น๐˜€ |

๐Ÿ”ฅ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ ๐—š๐˜‚๐—ถ๐—ฑ๐—ฒ – ๐—ฆ๐—ถ๐—บ๐—ฝ๐—น๐—ฒ & ๐—˜๐—ฎ๐˜€๐˜† ๐—ฆ๐˜๐—ฒ๐—ฝ๐˜€ ๐˜๐—ผ ๐—น๐—ฎ๐˜‚๐—ป๐—ฐ๐—ต ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ณ๐—ถ๐—ฟ๐˜€๐˜ ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ

๐ŸŸข ๐Ÿ–ฅ๏ธ Make a Website in 10 mins |
๐ŸŸข ๐Ÿ“ฐ Make a Blog – Quick & Easy |
๐ŸŸข ๐Ÿ›๏ธ Make an Ecommerce site |

๐ŸŽ“ ๐—ฅ๐—ฒ๐˜€๐—ผ๐˜‚๐—ฟ๐—ฐ๐—ฒ๐˜€ ๐˜๐—ผ ๐—ด๐—ฒ๐˜ ๐—ฏ๐—ฒ๐˜๐˜๐—ฒ๐—ฟ ๐—ฎ๐˜ ๐—ช๐—ผ๐—ฟ๐—ฑ๐—ฃ๐—ฟ๐—ฒ๐˜€๐˜€

๐Ÿ”ต ๐Ÿ”ฅ Beginner WordPress Course | 50% Coupon ytSub |
๐Ÿ”ต ๐Ÿ›’ Ecommerce Course | SAVE 50% Coupon ytSub |
๐Ÿ”ต ๐Ÿ“– Check out our Blog posts for free content |

๐ŸŽ ๐—–๐—ผ๐˜‚๐—ฝ๐—ผ๐—ป๐˜€

๐ŸŸก ๐Ÿ” Grammarly๏ฝœ20% off๏ฝœ
๐ŸŸก ๐Ÿ“ฒ Publer๏ฝœ10% off๏ฝœ
๐ŸŸก ๐Ÿ“ˆ Mangools ๏ฝœ10% off๏ฝœ
๐ŸŸก ๐Ÿ’ผ Fiverr๏ฝœ10% off Coupon WEBSITELEARNERS10๏ฝœ
๐ŸŸก ๐Ÿ–ผ๏ธ Astra๏ฝœ10% off Coupon WLDiscount๏ฝœ
๐ŸŸก ๐Ÿ“Š SEMScoop๏ฝœ20% off Coupon SAVE20LT๏ฝœ
๐ŸŸก ๐Ÿ“Anyword๏ฝœ20 % off Coupon Anyword20๏ฝœ

๐Ÿ™Œ ๐—ข๐—ณ๐—ณ๐—ถ๐—ฐ๐—ถ๐—ฎ๐—น๐—น๐˜†:

๐—ช๐—ฒโœ๐—ฟ๐—ฒ ๐—›๐—ถ๐—ฟ๐—ถ๐—ป๐—ด:

Want your website developed by us? Email us your requirements to contact@websitelearners.com

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

Video tutorial โžœ
Video teaching โžœ
LinkedIn โžœ
#Create #Custom #Header #Footer #WordPress

Leave a Comment

Your email address will not be published. Required fields are marked *