Change header to be transparent with slideshow

[sarahebert]

Here is my website 

https://pressedfloral.com/

I messed around with the code in hopes to have the slideshow overlap with the navigation and logo in the header, but instead this happened and I thought I deleted all the code but it won't go back. Anyways, I am hoping to fix this and get my slideshow/header to look more like this site 

https://sarahebertart.com/

where the navigation is overlapped with the image in the slideshow 

can someone help?

[sarahebert]

I am using the Boost version 2.0.1 theme

[GemPages]

Hello @sarahebert ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
.announcement-bar {
 z-index: 9 !important;
}
.announcement-bar__content, .announcement-bar__content:hover,
.header-content, .docked-mobile-navigation-container__inner, .docked-mobile-navigation-container .utils,
.header-navigation, main .accent-background {
 background-color: transparent !important;
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team