Download a FREE Header and Footer Template for Divi’s Print Shop Layout Pack

Last Updated on September 16, 2022 by 6 Comments

Download a FREE Header and Footer Template for Divi’s Print Shop Layout Pack
Blog / Divi Resources / Download a FREE Header and Footer Template for Divi’s Print Shop 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 for Divi. This Monday, we shared a brand new Print Shop 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 Print Shop
Global Header & Footer Template Below

Get it for free today!

Header Design

Desktop

print shop header footer

print shop header footer

Tablet and Phone

print shop header footer

Footer Design

Desktop

print shop header footer

Tablet and Phone

print shop header footer

Download The Global Header & Footer Template For The Print Shop 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.

header & footer template for Divi's Print Shop 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.

header & footer template for Divi's Print Shop Layout Pack

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

header & footer template for Divi's Print Shop 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.

header & footer template for Divi's Print Shop Layout Pack

How to Modify The Template

Open Header Template

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

header & footer template for Divi's Print Shop Layout Pack

Add CTA Link URLs

This header has buttons in the header bars and in the slide-in menu. Open the settings of each to update the link URL to the destination of your choice.

print shop header footer

Add Custom Menu Link URLs

This slide-in menu is using blurbs as custom menu links. Open the settings of each to update the link URL to the destination of your choice.

print shop header footer

Update Social Media Follow Links

You will also need to update the social media follow module with your own networks and account URLs.

print shop header footer

Enable CSS Snippet before Going Live

In order to avoid the brief flash of the slide-in menu when loading the page, you will need to take out the comment brackets surrounding the snippet of CSS that keeps this from happening.

print shop header footer

Open Footer Template

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

header & footer template for Divi's Print Shop Layout Pack

Update Email Optin with Email Account/List

Then, update the Email Optin with an Email Account and List.

print shop header footer

Update Footer Content

You will also need to go through and update the content of the footer, including adding your own text, link URLs, and social media networks. Don’t forget about the copyright text at the bottom of the footer as well.

print shop header footer

New Freebies Every Week!

We hope you’ve enjoyed the Print Shop 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 Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

New Divi Starter Site for Non Profits (Quick Install)

New Divi Starter Site for Non Profits (Quick Install)

Posted on July 12, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level! This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post
How to Use Divi’s AI Website Builder (Guide)

How to Use Divi’s AI Website Builder (Guide)

Posted on July 11, 2024 in Divi Resources

Divi Quick Sites is one of the most exciting recent releases, helping you tremendously speed up your website creation process! This new feature provides you with two options: choose a Divi Starter Site to get your website up and running or use Divi’s AI Website Builder to generate an entire...

View Full Post
New Divi Starter Site for Real Estate (Quick Install)

New Divi Starter Site for Real Estate (Quick Install)

Posted on July 10, 2024 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level! This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post

6 Comments

  1. Hey this Header is making anchor links end up on the wrong place on the page, by about half a monitor-height. Does anyone know of a fix?

  2. Beautiful Header Menu!

    Question:
    Please tell me the trick to “autoclose” the full Menu (Slide in Menu Section) after clicking on a Link. 🙂

    That would be more than great!

    Thanks and Cheers
    /M

  3. This looks so clean! Definitely going to use this as the foundation to my next design.

    • Thanks! Glad you like it. Hope it works out.

  4. Perfect timing! I have a client whose website is needing just this trick! Thank you so much!!

    DJC

    • Awesome! Great to hear, Donald.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today