The code for your layout has been generated. The next step is to copy and paste this code into your Weebly
website. Please see the instructions below.
STEP 1: Copy all the code on the left
Double click inside the code on the left to select it all, and press CTRL + C (Or Command + C on Mac)
to copy the code to your clipboard.
STEP 2: Go to the Weebly HTML/CSS Editor
Open up your Weebly website builder.
Click on Theme.
Click on the Edit HTML/CSS button in the lower lefthand corner.
You should be taken to the code editor.
STEP 3: Create a new header type
In the left hand column, you'll see a section called Header Type.
Click on the small + ("plus") sign next to it.
In the dropdown, click on New Header Type.
Name it whatever you want, this is what your layout will be called.
STEP 4: Paste your code
After you name your new header type, make sure its selected.
In the code editor on the right, there will be a few lines of auto generated code. Delete all of it.
Then, once the code editor for your header type is empty, Paste the code you previously copied in there.
Press CTRL + V if you're on Windows, or COMMAND + V if you're on Mac to
paste all the code. Finally, SAVE your changes by clicking on the blue save button in the upper right of the editor.
×
Some text in the Modal..
You added a PureSlider Header. How Many Slides Would You Like in the Slideshow?
Fullscreen header like seen in the demo. Image on the right has parallax. Background color of the entire section can be customized.
Icon Boxes (2x1)
Icon boxes with optional buttons in a 2x1 configuration.
Icon Boxes (2x2)
Icon boxes with optional buttons in a 2x2 configuration.
Icon Boxes (3x1)
Icon boxes with optional buttons in a 3x1 configuration.
Icon Boxes (3x2)
Icon boxes with optional buttons in a 3x2 configuration.
Icon Boxes (4x1)
Icon boxes with optional buttons in a 4x1 configuration.
Icon Boxes (4x2)
Icon boxes with optional buttons in a 4x2 configuration.
TrueParallax Section
A parallax section. This section has adjustable height, and you can drag 'n drop any Weebly elements into this section on top of the parallax background.
40/60 Split Section
A split section in 40/60 split (the exact ratio is in accordance with the Golden Ratio). Section on the right is a drag 'n drop area where you can add text, images, and other Weebly elements.
60/40 Split Section
A split section in 60/40 split (the exact ratio is in accordance with the Golden Ratio). Section on the left is a drag 'n drop area where you can add text, images, and other Weebly elements.
PureSlider Header Slideshow (FULLSCREEN)
A responsive header slider with a fullscreen width and height. You can drop elements inside each slide.
PureSlider Header Slideshow (FIXED HEIGHT)
A responsive header slider with a fixed height. You can adjust the height in the "Theme Options" panel.
Default Header
The default Pacific header. Supports image backgrounds, video backgrounds, color backgrounds, and gradients. Height is adjustable.
No Header
No Header, just the navigation bar. You can drag and drop sections below the navigation bar.
Weebly Sections Drag 'n Drop Area
A Drag 'N Drop area where you can add both Weebly elements and Weebly Sections. Weebly only permits one of these sections per page.
Weebly Drag 'n Drop Area (Elements Only)
A Weebly Drag 'N Drop area where you can drag and drop Weebly elements (not Section blocks, for that you'll need the Weebly Sections Drag 'n Drop Area)
The footer will be automatically generated and added to your page.