How Do I Create a Scrolling Header in Weebly?

Adding Scrolling Effects on Weebly

Login to your Weebly account. In Weebly editor, go to the “Theme” tab and click on the “Edit HTML/CSS” button. Click the “+” icon, select “Upload File(s)” from dropdown and upload the modified “scrolltopcontrol”.

Adding a Scrolling Banner

To add a scrolling banner: Login to your Weebly account and click "Edit" for the page. Click “Add” then select “More” and choose Weebly Banner Widget. Drag & drop widget onto page where you want the banner. Click on “Edit Background” and adjust the image.

Installing a Slider Into Your Weebly Header

To install a slider into your Weebly header: Open Weebly’s HTML/CSS editor by clicking on "Theme" and then "Edit HTML/CSS". Create a new page layout by clicking on "Header Type" and naming it "slider".

Benefits of PureSlider

  • Add responsive full-screen header slider
  • Drag and drop content into each slide

Open the page and see the arrow button now placed on the lower right corner when scrolling down.

Leave a Comment