Jump to content

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

Go to solution Solved by iamdavehart,

Recommended Posts

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}

IMG_756B458C2D41-1.jpeg

IMG_1433753BC573-1.jpeg

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.