header-scroll-squarespace.gif
versiion2.gif
header-scroll-squarespace.gif
versiion2.gif

Header Scroll

$85.00

Learn to create this header scroll effect in Squarespace in TWO WAYS

  • Version One: Place the header at the bottom of the banner and sticks to the top upon scroll

  • Version Two: Adds a pseudo navigation under the banner

Can be applied to a particular page only or site-wide. Requires index pages for Squarespace 7.0.

VIEW DEMO → (version one)

VIEW DEMO → (version two

For support, please submit a support ticket within 60days of purchase. Any support beyond the 60-day support window is subject to additional charge. Please refer to our Terms & Conditions.

This mini-course will walk you through how to quickly implement the feature as shown on the demo. But if you'd want to have a deeper understanding of how CSS/JavaScript codes work in Squarespace (and beyond) so you can write your own codes, I suggest you check out my signature course, Standout Squarespace. Standout program covers a lot of concepts, including most of my mini-courses on this shop.

Compatibility Requirements

  • Requires a Squarespace Business Plan or higher

  • Applicable to 7.0 templates within the Brine Family. Please refer to this list.

  • Applicable to ALL 7.1 templates

  • Demos are available for both 7.0 and 7.1 versions of Squarespace.

  • Developer Mode NOT Required

License

  • You may apply to unlimited number of websites but please do not share the course materials and guides with anyone else. Take note our 60-day support window as well.

  • Each purchase comes with a one-seat license. For agencies, please purchase one license for each staff who will access the course.

  • Purchasing the mini-courses allows use for multiple client websites if you are a designer. However, separate licensing agreement is required for use in commercial products such as templates.

Support

  • For support, please submit a support ticket within 60days of purchase. Any support beyond the 60-day support window is subject to additional charge. Please refer to our Terms & Conditions.

  • You will have lifetime access to this course and necessary updates.

Refund Policy

Add To Cart
 

Course Overview