Streaming live at 10am (PST)

Adjusted Section z-index, all following sections issue


Apologies for the vague title. To explain, I’ve adjusted the z-index of a section that contains a full screen, 100 vh slideshow to enable it to move under a blue bar above it as shown in the following link:

My issue, is every Section thereafter from now on - I have a gap below the slideshow section due to moving it up, the only option I can see is to make all preceding Sections Absolute so I can manually shift them up to close the gap?

Many thanks.

Here is my site Read-Only:
(how to share your site Read-Only link)


Wow… I just recorded a video and realised that saying “Slideshow Section” is a real tongue twister! Try it! :joy:

Try and limit the number of sections you use. Think of them as chapters on a page. So for the slideshow, you only need 1 section, then div blocks can fill that section. If you use too many sections, it makes moving stuff later a little more complicated, in my opinion anyway.

You also don’t need the negative positioning in this instance.

Hope this helps…



Hi Mark,

Many thanks for taking the time to make the video - this is a huge help! Really appreciate it.

(I ended up saying sideshow slection…!)

I’ve followed the steps and its working great apart from now I have content from my menu going over the slideshow section as shown below:


My bad! Solved - I’d left some negative positioning in the mobile breakpoints.