Download a FREE Header & Footer for Divi’s Portfolio 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 Portfolio 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.

Check Out The Portfolio
Global Header & Footer Template Below

Tablet and Mobile View

Download The Global Header & Footer Template For The Portfolio 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 Divi Daily email list 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.

Join the Divi Newsletter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

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.

Upload Global Default Website Template

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

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’.

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.

How to Modify The Template

Open the Free Header for the Divi Portfolio Template

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

Select Menu of Choice for Desktop

This Divi portfolio template has a separate set of modules for tablet and mobile. First, we will update our desktop modules, then, work on our mobile modules. To begin, select a menu of your choice in the Menu Module.

Update Logo

Select your logo from within the Menu Module for desktop.

Add and Update Social Media Networks

Within the Social Media Follow Module add and update your social media accounts. Ensure that you correctly link them to your active social media pages.

Change Button Text and Add a Link

Update the text and add a link to the Button Module.

Switch to Tablet View

Click on the purple button in the center of the screen with the three dots. Next, click on the tablet icon from the menu on the left. This will change the Divi Builder so that we can edit the mobile view of our header.

Select Menu for Mobile Menu

Choose the menu that you will be using with the mobile menu.

Add Logo to Menu for Mobile

Upload your logo to the Menu Module for the mobile view

Update Social Media Networks and Links

We have a Social Media Follow Module within the mobile header. Ensure that you’ve updated it with your social media networks and their respective links.

Modify Button Module

Add your link and update your text on the Button Module for the mobile header.

Open the Footer Freebie for the Divi Portfolio Template

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

Update Footer Logo

Add your logo to the Image Module within the footer template

Update Button Text and URL

Add a URL and update the text within the footer’s Button Module.

Select Footer Menu

Choose the menu you would like displayed in the footer.

Choose Your Portfolio Categories

The footer freebie for our Divi Portfolio template creates a global portfolio grid. This means your portfolio pieces will show up at the bottom of all pages on your site. Select the categories of your work that you want to show in the Portfolio Module.

Change Copyright Text

Update the Text Module that displays your copyright information.

Apart from the text that comes after the date, leave everything else within the modal box as is, including the custom date format.

Modify Footer Social Media Icons

Change and add your social media networks to the footer.

New Freebies Every Week!

We hope you’ve enjoyed the Portfolio 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!

This content was originally published here.