This new design flexibility enables you to change how your sites look on scroll by replacing the logo. It’s a simple way to make your sites more eye catching as visitors scroll. You can display a similar logo (with a different color scheme) that highlights the logo and/or complements the design on scroll.

How to access this feature:


  1. Open the Header Design Editor
  2. Turn on the Shrinking Header and the Change logo on scroll option (On mobile it's open by default so just scroll tot he Change logo section)
  3. Choose a logo that works well with the background that’s visible on scroll - maybe one that has contrasting colors, or one with blends in with the background.


This change can have a big effect on how your site looks, and it's a great way to refresh your site with little effort.



For more tips on how to design a great website header, check out this blog.

February 10, 2020
Roni Landau

 • 

Change Logo on Scroll

Latest product updates

A screenshot of a website showing a list of houses for sale.
By Mor Zamir July 29, 2025
Hello, Bonjour, Buenos días! Expand the global reach of your collection-based site with this cool update.
A screenshot of a website that says
By Tal Levi July 17, 2025
Say goodbye to jumping between docs, tabs, and copy-pasting text into your site.
A woman in a sports bra is standing in a field
By Hadas Moked July 8, 2025
New powerful AI capability that turns complex custom widget coding into simple conversations.