How to Add Weebly Pro Header Slideshow in Non-responsive Themes?

Weebly Pro header slideshow option is one of the eminent features of the Weebly Pro pack which can be ideally used for landing pages.  The look of your page will become beautiful with the images sliding in the header. You can also link each images to different pages in your site to increase time spent on your site by the user. Unfortunately Weebly disabled the header slideshow feature in all responsive themes but you can still add slideshow in header following this tutorial. In this article we will discuss how to add header slideshow in non-responsive themes for Weebly Pro and better plan users.

How to Create a Header Slideshow?

Non-responsive themes will have different header types (or page layouts). So when you are creating a page to add header slideshow select the page layout as tall header, short header or landing page according to your  requirement. Obviously no header layout will not have any header image, so you should not select this header type for creating header slideshow.

Prepare the images with appropriate size for suiting the selected header size. You can view the header image size using inspect element option in the browser.

Once your image are ready, go to Weebly editor and move the mouse over the header image. You will see the option for creating a slideshow as shown in the below picture.

Click on the “Create Slideshow” option and upload all your images.

Customizing the Slideshow

You can add captions to each image and also link the image to any page on your site. Any point of time you can add or delete images to the slideshow.

Choose transition style, navigation style, slide delay and dot position for your slideshow. Once you complete the customizations, check out the preview of your customizations before saving the changes.

You have the following three options for saving your slideshow:

1. Save only to that particular page
2. Save to all pages in your site and
3. Save only to the selected pages in your site.

These saving options allow you to enable different slideshows for different pages of your site or you can choose no header page layout to remove the header completely.

Features of Header Slideshow

Alternate Option for Free Users

Weebly free users can also get the header slideshow by editing HTML/CSS without upgrading to Pro account. Learn more about creating header slideshow for free Weebly site here. If you are looking for alternative to the default slideshow element then check out the free Nivo slider widget for Weebly site with different styles.