Gap opening up between header and first row when scrolling down

Hi,

I’ve been experimenting with creating a new website by altering the demo.

http://s733208747.websitehome.co.uk/

In Firefox (I’m using Quantum 66.0.4 (64-bit) I notice a gap grows between the header and the first row as I scroll downwards. It doesn’t happen in IE.

Is there a way to fix this?

TIA

edit: This fixed the problem

Added CustomizeAdditional CSS section.

.sydney-hero-area #slideshow .slide-item {
background-position-y: center !important;
}

1 Like