This tutorial will show you how to install a drag & drop parallax header into your Weebly site. The parallax header image will remain still but disappear as the viewer scrolls down the page. You'll also be able to drag & drop any Weebly element into the parallax header.
Step 1. Open the html/css editor
Click on "Design" at the top, then click on "Edit HTML/CSS" on the left.
Step 2. add your image
Upload the photo you intend to use for your parallax header. Click on "ASSESTS" then "Upload Files..". You want an image dimension no less than 1500x650.
Step 3. Inactivate html coding
Choose from the left the page layout you intend to use the parallax header on. You can also create a new page layout if you don't want to lose a default page layout.
Now scroll down until you find "<div class="banner-wrap">", or your banner's coding [each Weebly theme is a little different]. You're going to inactivate this coding by using "<!--" and "-->" as shown in orange below.
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.