Slideshow cutting of the edges of my pictures ( Theme Debut)

[dynamitteltet]

Hi everyone,

I want the 2 pictures in the slideshow to be smaller or fit so the writeup doesn’t cut off at the edges in the slideshow section, can anybody tell me how to solve this?

[dmwwebartisan]

@dynamitteltet

Please share your store URL!

Thanks!

[dynamitteltet]

https://dynamitteltet.dk/

[dynamitteltet]

Can you help me?

[dmwwebartisan]

@dynamitteltet

CSS for a mobile device.

Please add the following CSS to your assets/theme.scss.liquid bottom of the file.

@media only screen and (min-width: 750px) {
#shopify-section-16397781179e902aaa .slideshow {
    overflow: hidden;
    height: 150px;
    margin-bottom: 0;
}
.slideshow__image {background-size: contain;}
}

Thanks!

[dynamitteltet]

It worked on laptop but not on mobile where the edges is still getting cut.

[dmwwebartisan]

@dynamitteltet

Please add the following CSS to your assets/theme.scss.liquid bottom of the file.

@media only screen and (max-width: 750px) {
#shopify-section-16397781179e902aaa .slideshow {
    overflow: hidden;
    height: 150px;
    margin-bottom: 0;
}
.slideshow__image {background-size: contain;}
}

Thanks!

[dynamitteltet]

Thanks that worked like a charm!

[dmwwebartisan]

@dynamitteltet

Please like a solution.

Thanks!