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?
You added a Carousel block. How Many Slides Would You Like in the Carousel? Don't worry, you can always add or remove Carousel slides without losing your existing Carousel content.
A responsive header slider with a fullscreen width and height. You can drop elements inside each slide.
Flexible Header
Height: Adjustable,
Supported Backgrounds: Video, Image, Gradient, Colors,
Limits: 1 Per Page,
Content: Drag 'n Drop
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.
ScrolliPage Anchor
Put this block in the area where you want to have a ScrolliPage Vertical Navigation link scroll to.
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)
TrueDepth 3D Parallax Section
A dynamic parallax section with background images. You can add content into this section via drag 'n drop in the Weebly editor.
Full Screen Background Video Header
This is a full screen background video header where you can drag and drop content
The footer will be automatically generated and added to your page.