Download a FREE Header & Footer for Divi’s Leather Goods Layout Pack

Posted on January 20, 2023 by 1 Comment

Download a FREE Header & Footer for Divi’s Leather Goods Layout Pack
Blog / Divi Resources / Download a FREE Header & Footer for Divi’s Leather Goods Layout Pack

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. We recently shared a brand new Leather Goods Layout Pack. To help you get your website up and running as soon as possible, we’re sharing a global header & footer template that matches this layout pack perfectly as well! Hope you enjoy it.

divi layout

Check Out The Leather Goods
Global Header & Footer Template Below

Get it for free today!

Header Design

Desktop View

Header design for Divi Leather Goods Layout Pack, desktop view

Tablet and Mobile View

Header design for Divi Leather Goods Layout Pack, tablet and mobile view

Footer Design

Desktop View

Footer design for Divi Leather Goods Layout Pack, desktop view

Tablet and Mobile View

Footer design for Divi Leather Goods Layout Pack, tablet and mobile view

Download The Global Header & Footer Template For The Leather Goods Layout Pack

To lay your hands on the free global header & footer template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our newsletter by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

How to Upload The Template

Go to Divi Theme Builder

To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

Getting started with the Divi Conference Layout Pack

Upload Global Default Website Template

Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

Importing the Header and Footer Layout into the Divi Theme Buidler

Navigate to the import tab, upload the JSON file which you were able to download in this post, and click on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Changes

Once you’ve uploaded the file, you’ll notice a new global header and footer in your default website template. Save the Divi Theme Builder changes as soon as you want the template to be activated.

Save global header theme builder

How to Modify The Template

Open Header Template

To modify the global header template’s elements, start by opening the template.

Editing the global header within the Divi Theme Builder

Select Menu of Choice

Select your menu of choice in the Menu Module.

Choose your main menu module for your Divi Leather Goods layout

Update Menu Logo

We use the Logo option in the Menu Module to show our brand logo. Upload your logo to the module. As the background is the dark, we’d recommend using a light colored logo.

Upload a light colored logo to the menu module

Update Primary Text CTA

The main menu has a call-to-action created with a Text Module and the Icon Module. Update each as needed.

Update primary column call-to-action

To link out, we would recommend adding a link to the column itself, as opposed to the two modules separately.

Link column for primary call-to-action

Update Secondary Text CTA

This header has a text call-to-action in the secondary menu. Update the text to match your needs. You can also add a link to the Text Module.

Update Text module with your call to action text

Update Social Media Module Networks and Links

Update the Social Media Follow Module with your selected social media networks. Remember to also add your social media links to each icon as well.

Update Social Media Module Networks and Links

Open Footer Template

Continue by opening the global footer inside the default website template.

Editing the footer template within the Divi Theme Builder

Update Footer Menu

As with the primary menu, you want to update the menu in the footer with your footer menu.

Update Footer Menu

Update Footer Logo

Update the Image Module in the footer with your logo.

Update Footer Menu

Add Your Social Media Icons and Links

As with the Social Media Follow Module in the header, we want to ensure that we have our correct social networks with their appropriate links.

Update footer social media links and networks

Connect Your Email Marketing

Our footer also has an Email Optin Module. Connect your email marketing solution of choice to collect emails from visitors to your site.

Update your email marketing platform

Update Static Footer Content

You will need to go through and update the static content of the footer, including adding your own text, updating titles etc. Don’t forget about the copyright text at the bottom of the footer as well.

Edit static footer content

New Freebies Every Week!

We hope you’ve enjoyed the Leather Goods Layout Pack and the Header & Footer freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time 👇

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

👋 Download The Free Cyber Monday Store Website Pack!

👋 Download The Free Cyber Monday Store Website Pack!

Posted on December 4, 2023 in General News

This year as a special thank you to everyone who purchases an Elegant Themes Membership during our Cyber Monday Sale (and to our wonderful Lifetime customers!) we’ve created several exclusive gifts from our staff to you. Today we’re highlighting the first Divi Website Pack. This vibrant...

View Full Post

1 Comment

  1. hi there thank you so much for making this available to use beginners – I am using your footer for my website but only needed two rows. I deleted the middle row. The bottom row did not remain small it took on the size of the middle row which was deleted. I have been trying with the Divi chat help without success to have them assist in guiding me to make the second row small like the original third row without success can you please advise at your earliest?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

👋 It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Join To Download Today