Header help to have banner on top that fades away

Question:
Trying to design a header where I can have a banner on top of the header but as I scroll down it fades away. Tried searching and playing with the editor but the only way I can do this is if the banner is behind the header which makes it look really bad.

Product:
Wix Studio

What are you trying to achieve:
As above

What have you already tried:
As above

Additional information:
Link to a website that is doing what I want. https://www.apm.mc/

Change the header to pinned then you add a scroll effect. All done in the right hand side toolbar

Hi Dansuhr

Thank you for the reply.

I am able to pin the Header and change the scroll effect however the issue I am having is I want to pin the Header to below the banner I want at the very top of the screen.

I.e. Free Shipping Banner, then when I scroll down the banner disappears. Whereas now the banner either is below the header or behind the header and both don’t look very good.


What I am hoping to achieve:

like this https://dcidesigns.wixstudio.io/my-site-25

I added a section - added a container - added a scroll effect.
gave the header a 40px padding then on the scroll effect made it move up 40px

happy to sort it for you if you are having issues.
Contact me at DCI Designs

Yes exactly like this, perhaps where the banner fades away faster.

When you say added a section, do you mean a section for the banner within a container?

Let me have a bit more of a play with it before I decide to go the paid route as we are limit on money to launch.

see screen shot

As I am building up my Wix Studio portfolio I can do this one task for free for you. I can then be a colaborator on your site for future help.