# Different page headers without losing scroll effects

**URL:** <https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286>\
**Category:** Ask the community\
**Tags:** wix-studio, design\
**Created:** [July 24, 2025, 11:45pm UTC](https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286 "2025-07-24T23:45:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nycdanb](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nycdanb/32/8408_2.png) [@nycdanb](https://forum.wixstudio.com/u/nycdanb)\
**Post date:** [July 24, 2025, 11:45pm UTC](https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286/1 "2025-07-24T23:45:35Z")

</div>

I want the same elements on each page’s header, but want them to be a different color on each page. How do I do this? If I detach from global section, I lose scroll effects.

Thanks!

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [July 25, 2025, 12:32am UTC](https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286/2 "2025-07-25T00:32:10Z")

</div>

If you are using Wix Studio, You can design multiple headers. Just set different colors to each header. Alternatively use velo to set colors like

$w(“#myElement”).style.backgroundColor = “rgba(255,0,0,0.5)”;

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [July 25, 2025, 12:50am UTC](https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286/3 "2025-07-25T00:50:46Z")

</div>

> [@How to Have Multiple Headers and Footers with Different Designs on Your Wix Studio Site](https://forum.wixstudio.com/t/how-to-have-multiple-headers-and-footers-with-different-designs-on-your-wix-studio-site/59861):
>
> Hi everyone! I wanted to share a discovery I made while working on my Wix Studio site. Did you know it’s possible to have multiple headers and footers, each with a different design, on different pages of your site? This feature can really enhance the user experience and allow you to tailor the design to suit the content of each page. Here’s a step-by-step guide on how to do it. Step 1: Create Your Headers and Footers Design Your Headers and Footers: Start by designing the different headers an…

---

<div class="post-metadata">

**Author:** ![nycdanb](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nycdanb/32/8408_2.png) [@nycdanb](https://forum.wixstudio.com/u/nycdanb)\
**Post date:** [July 25, 2025, 6:11am UTC](https://forum.wixstudio.com/t/different-page-headers-without-losing-scroll-effects/72286/4 "2025-07-25T06:11:39Z")

</div>

Thanks…worked very easily.