How can I make a full-bleed slideshow that appears behind the header menu?

Site URL: https://www.evolvehumanlabs.com/

I currently have full-bleed static images on top of all my pages and they appear behind the header menu as well. For the homepage, however, I need to change the static image of the eclipse into a slideshow that scrolls between several images. The problem is that when I do this, it no longer bleeds behind the menu but, instead, a solid bar appears behind the menu and the slideshow underneath that. This creates an inconsistency with the rest of the website. I need the slideshow to appear behind the menu the way the static images currently are. 

Can anybody please point me in the right direction as to how to do this? I have searched high and low and cannot figure it out. 

Thank you so much in advance!

:Alex

You can add Slideshow, then we can check problem easier

Thank you for taking the time to look at this!

These are just random images but you can see how it puts a dark blue bar above the slideshow as opposed to the way it is on the live homepage, where the image appears behind the menu as well:

https://www.evolvehumanlabs.com/home-copy  (slideshow with blue bar appearing above)

vs.

https://www.evolvehumanlabs.com/ (static image with full-bleed even behind header menu)

I'm trying to have a slideshow WITHOUT the blue bar showing up. 

Thanks again!

:Alex

13 hours ago, NoeticFront said:

Thank you for taking the time to look at this!

These are just random images but you can see how it puts a dark blue bar above the slideshow as opposed to the way it is on the live homepage, where the image appears behind the menu as well:

https://www.evolvehumanlabs.com/home-copy  (slideshow with blue bar appearing above)

vs.

https://www.evolvehumanlabs.com/ (static image with full-bleed even behind header menu)

I'm trying to have a slideshow WITHOUT the blue bar showing up. 

Thanks again!

 

:Alex

 

Edit Page > Add a Code Block (top or bottom of page) > Paste this code

<style>
  header#header {
    background-color: transparent !important;
    position: absolute !important;
}
article section:first-child {
    padding-top: 0 !important;
}
</style>

Hi, jumping on this old thread, as i have used the code above to help me place my slideshow behind navigation but my logo is appearing behind slideshow - what do i need to change on code to fix this? I've attached screenshot.

14 hours ago, Ross said:

Hi, jumping on this old thread, as i have used the code above to help me place my slideshow behind navigation but my logo is appearing behind slideshow - what do i need to change on code to fix this? I've attached screenshot.

What is site url?