Images don't fit the slider.

The slider on my home page is quite large, but for some reason one of the files doesn't crop well, and cuts the top off. 

warners-stores.co.uk 

It's the one that plays 2nd in the slide show - 'Special Offers'. Please can you advise how I can this to show correctly? 

Hi,

Try adding this to Design > Custom CSS

.user-items-list-item-container[data-section-id="60dde22e324b715e6ee4b124"] img {
    object-fit: contain !important;
}

This fixes the issue on the desktop, but it causes the mobile version to have a very strange layout. 

On 5/22/2023 at 1:35 PM, tuanphan said:

Hi,

Try adding this to Design > Custom CSS

.user-items-list-item-container[data-section-id="60dde22e324b715e6ee4b124"] img {
    object-fit: contain !important;
}

 

Change to this code

@media screen and (min-width:992px) {
.user-items-list-item-container[data-section-id="60dde22e324b715e6ee4b124"] img {
    object-fit: contain !important;
}
}