Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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}



Link to comment

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...