Fixed Header on ONE page

https://pomegranate-aardvark-8rjz.squarespace.com/
password: mamaswhodream

Hi! I am trying to have a fixed header on only one of my pages, the "about" page. One thing that might be important to note is that I am using SquareKicker and am using the Sticky Section just below the header. 

What do you to set on About page?

On 12/22/2022 at 5:28 AM, kaydotjpg said:

https://pomegranate-aardvark-8rjz.squarespace.com/
password: mamaswhodream

Hi! I am trying to have a fixed header on only one of my pages, the "about" page. One thing that might be important to note is that I am using SquareKicker and am using the Sticky Section just below the header. 

Add to Design > Custom CSS

/* Sticky about header */
body#collection-63a0b40a6d998b5acd339c58 header#header {
    position: sticky;
    top: 0;
}
body#collection-63a0b40a6d998b5acd339c58 section:first-child {
    padding-top: 0px !important;
}

@tuanphan hmm, for some reason, this code is working for only the home page- when I want this to work for the "about" page. 

On 12/27/2022 at 9:14 PM, kaydotjpg said:

@tuanphan hmm, for some reason, this code is working for only the home page- when I want this to work for the "about" page. 

Just change id to about page id

/* Sticky about header */
body#collection-618aa47cbf7c754758787248 header#header {
    position: sticky;
    top: 0;
}
body#collection-618aa47cbf7c754758787248 section:first-child {
    padding-top: 0px !important;
}

@tuanphan thanks for this, but I added it, and it's sticking, but now the header has suddenly change to the color tan, instead of green. I would like the header to stick and be the solid green color and be fixed- so the text scrolls under the header. Can you help me with this? I left it on there so you can see