Get full bleed gallery behind menu header

Site URL: https://iris-wolf-m28e.squarespace.com/config/

Hey i want to have a slide show going on my front page. But when i want to have it full bleed i do not show up behind the menu( it it set to transparent) But i can make a bacgground in a full bleed and i shows up on the menu part. but not the gallery part. 
is there a way to get this to work ? i have full bleed on every othere og my pages with a still image, and the here is the last part and it is just not working out for me. 

iris-wolf-m28e.squarespace.com/
code: 12345

 

Add to Home > Design > Custom CSS

body.homepage header#header {
    position: absolute !important;
    background: transparent !important;
}

hmm the code is not doing anything sadly 

if i change the padding on top i remove the black bar 

 

Try adding & then reload your site

Hey Nope stille here the black bar. 
 

Use new code

body.homepage header#header {
    position: absolute !important;
    background: transparent !important;
}
body.homepage .header-announcement-bar-wrapper {
    background: transparent !important;
    position: absolute !important;
}

New code works great! Thanks @tuanphan!

This works great for my homepage, how do I apply the same code to some of the other pages?  Example I have found the body ID = "collection-5ffd164661b0803c64957442" 

Thanks in advance!

On 1/26/2021 at 9:16 PM, Joshhillinger said:

This works great for my homepage, how do I apply the same code to some of the other pages?  Example I have found the body ID = "collection-5ffd164661b0803c64957442" 

Thanks in advance!

Replace body.homepage with #page-id