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

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?

1 Like

@dynamitteltet

Please share your store URL!

Thanks!

1 Like

https://dynamitteltet.dk/

Can you help me?

@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!

1 Like

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

1 Like

@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!

1 Like

Thanks that worked like a charm!

@dynamitteltet

Please like a solution.

Thanks!

1 Like