Howdy Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place every week, we give away logo new freebies. We lately shared a brand spanking new House Reworking Structure Pack. That can assist you get your web site up and operating once imaginable, we’re sharing an international header & footer template that fits this house transforming structure pack completely as neatly! Hope you revel in it.

divi layout

Test Out The House Reworking
World Header & Footer Template Underneath

Get it free of charge as of late!

Header Design

Desktop Model

Divi Home Remodeling Header Template Desktop View

Pill/Cell Model

Divi Home Remodeling Header Template Tablet and Mobile View

Footer Design

Desktop Model

Divi Home Renovation Footer Template Desktop View

Pill/Cell Model

Divi Home Remodeling Footer Template Tablet and Mobile View

Obtain The World Header & Footer Template For The House Reworking Structure Pack

To put your fingers at the loose international header & footer template, you’re going to first wish to obtain it the use of the button under. To achieve get entry to to the obtain it is very important subscribe to our Divi Day-to-day e-mail listing via the use of the shape under. As a brand new subscriber, you’re going to obtain much more Divi goodness and a loose Divi Structure pack each and every Monday! In case you’re already at the listing, merely input your e-mail deal with under and click on obtain. You’ll no longer be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:prior to { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:prior to { border-top-color: clear !essential; border-left-color: #ffffff !essential; }
@media handiest display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:prior to { border-top-color: #ffffff !essential; border-left-color: clear !essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear !essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { coloration: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:prior to { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 sturdy { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p sturdy, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !essential;}

Download For Free

Obtain For Unfastened

Sign up for the Divi Publication and we will be able to e-mail you a duplicate of without equal Divi Touchdown Web page Structure Pack, plus heaps of different superb and loose Divi assets, guidelines and tips. Practice alongside and you’re going to be a Divi grasp very quickly. If you’re already subscribed merely sort to your e-mail deal with under and click on obtain to get entry to the structure pack.

You could have effectively subscribed. Please take a look at your e-mail deal with to substantiate your subscription and get get entry to to loose weekly Divi structure packs!

Tips on how to Add The House Reworking Header & Footer Template

Move to Divi Theme Builder

To add the house transforming template, navigate to the Divi Theme Builder within the backend of your WordPress web site.

Getting started with the Divi Conference Layout Pack

Add World Default Web site Template

Then, within the peak proper nook, you’ll see an icon with two arrows. Click on at the icon.

Importing the Header and Footer Layout into the Divi Theme Buidler

Navigate to the import tab, add the JSON record which you have been ready to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

Import settings for the header and footer layout pack

Save Divi Theme Builder Adjustments

Whenever you’ve uploaded the record, you’ll realize a brand new international header and footer to your default web site template. Save the Divi Theme Builder adjustments once you need the template to be activated.

Save global header theme builder

Tips on how to Adjust The House Reworking Template

Open Header Template

To switch the worldwide header template’s components, get started via opening the template.

Editing the global header within the Divi Theme Builder

Choose Menu of Selection

Choose a menu of your selection within the Menu Module.

Choose your main menu in your home remodeling template

Replace Brand inside of Menu Module

Inside the Menu Module, replace the Brand atmosphere via importing your brand to the module.

Update logo within Menu Module for your business or brand

Replace Primary Menu CTA within the House Reworking Template

The principle menu of this header template has a Button Module. Open the settings for this module and alter the textual content or hyperlink vacation spot to at least one that fits your wishes.

Update CTA Button Module with your links, text and more

Replace Secondary Icon Menu

This header has a secondary menu made up of Blurb Modules. Open the settings of every to module and upload the hyperlink URL, icon sort and many others. on your liking in your web site.

Updating secondary menu Blurb Module's icons, links and text

Replace Cell Secondary Icon Menu

The icon menu is make up of more than one Blurb Modules. This secondary icon menu is ready to show handiest on pill and cell, offering a cell responsive enjoy in your web site customers.

Update the icons, links for the mobile version of the secondary menu

Open Footer Template

Proceed via opening the worldwide footer throughout the default web site template.

Editing the footer template within the Divi Theme Builder

Replace Footer Menu Module

Like the principle menu, we’d like to choose our footer menu from the Menu Module throughout the footer template.

Select menu for footer Menu Module in your home remodeling template

Attach E mail Advertising and marketing Answer

This footer template has an E mail Optin Module. With this module, we’re ready to attach and accumulate e-mail addresses from our web site guests. We will be able to wish to attach our e-mail advertising and marketing program — Mailchimp, ActiveCampaign and many others. — to this module in order that the module works appropriately.

Connect email marketing solution of choice to Email Optin Module

Replace Footer Name-to-Motion

We have now a call-to-action throughout the footer. Replace the textual content and hyperlink URL for the Button Module to fit your web site wishes.

Update Text and Button Module in the home remodeling template making up the footer call-to-action

Replace Static Modules

Don’t overlook to replace the static modules throughout the footer template. This comprises module titles, the copyright textual content and the social media icons with their next hyperlinks.

Remember to update the static elements within your home remodeling template's footer

New Freebies Each Week!

We are hoping you’ve loved the House Reworking Structure Pack and the Header & Footer freebie that is going together with it. We stay up for listening to your evaluations within the remark segment under. You’ll want to take a look at again subsequent week for extra freebies!

The publish Obtain a FREE Header & Footer for Divi’s House Reworking Structure Pack gave the impression first on Sublime Issues Weblog.

WordPress Web Design

[ continue ]