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

Google Lighthouse score card showing SEO 98 and Best Practices 97 on a white panel over a landscape background

Duda Vibe, Upgraded for Performance, Search, and AI

By Tal Levi • October 9, 2026
A stronger foundation for every new Vibe project, with faster load times, better performance, and built-in SEO.
Accessibility app menu overlay on a photo background with a woman in sunglasses

Copilot Just Got More Powerful Across the Editor

By Ofri Baram • October 5, 2026
More updates for you that make Copilot a more integrated part of building and managing sites in Duda.
Interior scene with potted tree by a window and a dark sidebar menu on the right.

Build Vibe Projects Where You Work with Duda MCP

By Avigayil Lewin • October 2, 2026
Create and work on Vibe projects directly from Claude, ChatGPT, or any other AI assistant that supports MCP.