You’ve got more shrinking header flexibility than ever, and can now control the color of text, buttons, icons and more in headers that shrink and stay at the top of the page. This enables you to create great looking shrinking headers, with the best colors for your site design.

A shrinking header is a smaller version of the site header that appears when visitors scroll a site on desktop. Shrinking headers enable you to keep important information such as navigation, Calls to Action, social icons and more fixed at the top of the page, without taking up too much space as visitors scroll down the site.

 

They are particularly handy on sites with large headers, and sites designed for long scrolling, as they ensure that key information is always visible and accessible.

New flexibilities for more design possibilities



Until now, you could change the logo and background color on scroll. Now, you can also control the color of:

 

  • Text

 

  • Button text

 

  • Button background

 

  • Icons & social icons

 

  • Selected page & hover

 

This makes it easier for you to create great-looking shrinking headers that contrast well with the regular header and complement your site design, highlighting icons, links, buttons and more, when visitors scroll down the site.

 

For example, if you had a transparent header with white navigation, you can now give the Shrinking Header a white background, and change the text, icon and button colors to another color, one that perfectly suits your site.

 

 

For more about shrinking headers, see this .

 

For tips about designing great headers, see

this .

May 5, 2020
Roni Landau

 • 

Shrinking header - Change text, button, icon colors

Stay in the Loop with Duda Updates

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

Latest product updates

ChatGPT dialog showing a task to add $2 to all T-shirt prices, with updated prices listed

Duda's Monthly Wrap Up - June

By Annat Katz • July 3, 2026
Noteworthy improvements to help you work faster while giving your clients an even better experience.
Blue 3D abstract shape above a white notification panel on a lavender background

Run Smarter Promotions with the All-New Discounts in Duda eCommerce

By Rim Elfahem • July 1, 2026
Drive more sales with 3 new discount types and flexible customization options, now in Duda eComm.
Side-by-side shopping cart checkout screens, one black and one blue, showing items, totals, and checkout buttons

Create a Branded Checkout Experience in Duda eCommerce

By Rim Elfahem • June 29, 2026
Introducing a new way to match your cart & checkout with the site's brand through Site Theme.