Slider not responsive

I’ve looked through similar topics but not seen a response that fits what’s happening here… Slider suddenly is not responsive (though it seems it’s more the .inner-header text areas that aren’t responsive).

http://66.33.211.18

Any thoughts? Thanks!

Hello there,

I inspected your site and found this custom CSS that changes the default height of main slider.

    .header-slider {
        height: 550vh !important;
        background-size: cover !important;
    }

What will happen if you removing it?

Regards,
Kharis

That worked, but is there any way to keep the height? The client really wants the whole photo showing.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-slider {
        background-color: #21548D;
      }
      .header-slider .slide-item-1 {
        background-size: contain;
        background-position: bottom center !important;
        
      }  
    }

Regards,
Kharis