Slider not responsive


#1

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!


#2

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


#3

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


#4

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