Header Slider Image constraint


I have images that I’d like to use in the header slider and it’s important to see the full image.

My images are 692px high. Site is www.izitdesign.com

However, when they display on a high res screen, they are cropped/stretched - I can’t work out which.

They appear perfectly on mobile or smaller screens.

They should look like this:

They appear like this:

I tried adding css as follows:

.header-slider {
height: 692px !important;

I also tried amending it as min-height and again as max-height but NO.

Please help.



Hello Rob,

I don’t think that there is an easy way to achieve that with default Sydney slider, so please try to experiment with slider plugins to find one that meets your needs. Here is a relevant Sydney Pro documentation page:

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.