Grab your reader's attention and have the most important things stick to the screen! Take advantage of our new Builder Sticky Scrolling feature today.

Previously only possible with custom codes, now you can easily make any element stick to the forefront of your site, as you scroll, using our Builder. Sticky Scrolling is primarily useful for grabbing a user's attention as it keeps an element of your choice visible in the viewport. Keep your sale promos, newsletter signups, featured images, and navigational menu bars front and centre.

Demos

  • Agency Landing Page: A landing page for agency or personal portfolio site. As you scroll down, the menu bar and large heading will stick on the screen to highlight each section.
  • Overlapping Product Layout: A landing page for a technology product that features stunning parallax scrolling and sticky scrolling effects as you scroll.
  • eCommerce Product Page: A single product layout that showcases the product info, specs, and gallery. As you scroll, the call-to-action buy box will stick on the side.

Sticky Scrolling can be found when you edit a module under the 'Animations Tab'. Here, you can set where a module sticks, and when it unsticks. Sticky Scrolling works with any row, sub row, and any module, from texts to images, and more.

We're constantly looking to improve and enhance our Themify Builder to enhance your user experience. Let us know below what you think of our latest update. Thank you for your support and, as always, enjoy!