Loops Headers
  • Installation
    • Import the layout
    • Add the CSS code
  • Define your Header
    • Create your header
    • Set global header
  • Customization
    • Make Header Sticky on Scroll
    • Change color scheme
Powered by GitBook
On this page
  • Download the layout
  • Layout Import
  1. Installation

Import the layout

How to import the layout into the divi builder

NextAdd the CSS code

Last updated 3 years ago

Download the layout

After purchasing the layout, you will have a zip file with :

  • Loops Headers Designs.json

  • license.txt

Also, as an additional product you will find:

  • css.txt

  • Create your header.json

Layout Import

  • Extract the .zip file on your computer (You’ll get a Loop Headers.json file)

  • Open the page where you want to import the layout

  • Enable the Visual Builder

  • Drag the .json file from your computer and drop it on the page

  • A popup will appear, click on the "Remove existing content" checkbox and click the "Import Divi Builder Layout" button. Be careful, this will replace the current content of the page with the layout content.

The css.txt file contains some CSS code to add (I'll show you how in the , don't worry it's simple) and the json file is the layout corresponding to this page:. This layout is not necessary as long as this page is accessible but I preferred to put it. I'll explain what this page is for .

That's it !

😄
next step
https: //loops.divi-layouts- pro.com/create-your-header/
here