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

Stay in the Loop with Duda Updates

Sign up to get feature releases, tools, and more to your inbox.

Latest product updates

Side-by-side website screenshots: One with an opened menu and the other without. A wedding website theme with light purple colors.

Duda's Monthly Wrap Up (Oct 🎃)

By Annat Katz • October 31, 2025
Color change on scroll, custom template category assignment, a new Bookings template and more.
A website form builder interface. The form includes fields: first name, last name, age, gender, and email. The user can add a

Advanced Form: Take Full Control of Form Design

By Hadas Moked • October 27, 2025
Meet phase one of Duda's most ambitious form widget to date.
Dog grooming appointment information with a calendar highlighting September 12, 2025.

Help Clients Get Booked Online with Duda Bookings

By Mor Zamir • October 8, 2025
Meet Duda Bookings — a complete online scheduling solution you can add to any site and manage right within Duda.