How to change the header only on a specific page?

Hi everyone,

I'm new to Squarespace and I have a question regarding the header. 

I would like to change the header on the Store page to something like the one in the uploaded image. But when I tried to change it, the header on home page changed too.

Can someone help me take a look? Thank you very much!

My site is mayaelita.com

And the password is: mayaelita

You can't change header for specific pages. Squarespace header is sitewide. 

@Ceecy Hi! You can add this code to change the header on your store page to match the attached screenshot on your post.

#collection-6677e576d0103b3c9da0f788 .header-announcement-bar-wrapper {
    padding: 0 4vw !important;
}

On 7/1/2024 at 6:10 AM, Lesum said:

@Ceecy Hi! You can add this code to change the header on your store page to match the attached screenshot on your post.

#collection-6677e576d0103b3c9da0f788 .header-announcement-bar-wrapper {
    padding: 0 4vw !important;
}

 

Hi Lesum, 

I just copied and pasted your code, but somehow it did not work. DId I do anything wrong? Thank you for your help and assistance again!

@Ceecy Did you add the code in Custom CSS? To add the code, You can navigate to Website > Pages > Website Tools > Custom CSS