responsive design not working

Site URL: https://peoplefirst1.squarespace.com

Hi,

The header navigation titles and banner images are not getting adjusted when the browser window is reduced in size. It appears fine in mobile view but anything bigger than mobile view and smaller than normal desktop view it gets all skewed.

I have added CSS to the header section for making it a split header and the banner images also have CSS for the mobile version

What do i have to do?

Thank you

Hi,

It looks like you solved with this CSS

@media screen and (max-width: 767px) {
    .gallery-fullscreen-slideshow,.gallery-slideshow {
        height:30vh !important
    }
}