How to have gallery on home page as main section and also have it cover the header section?

Hi 🙂 

Here is an example site: https://jbivphotography.com/

I would like to have mine have the same look. Have the gallery cycle through images every few seconds but also be the background of the header and the navigation buttons.

The code below is the css code I used to have the gallery and some text overlay on top while the images cycle through. Now need some help getting the gallery to also be part of the header as opposed to the yellow marked section in screenshot #1.

Code used:

<style> #page .page-section{height:100vh!important}

#page .page-section:nth-child(2) {margin-top:-100vh!important;}

#page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important}

Not sure what your other css is doing, but I think if you just need a carousel style slide show to be top then you just alter the top padding of the first section. see this other post I answered. (am assuming you're 7.1?)

Thank you! the code above puts text above the gallery while they cycle through