How can I adjust the image spacing in the Showcase theme?

Store Design
1

Hello,

I’m trying to figure out how to fix the spacing in the feature section when the carousel option is selected.

I have the option to display 4 images and I don’t want to have the other image creep out. any idea on how I can get that done?

store: lovestrucksoap.com

PW: tawny

spacing.png
spacing.png1905×592 24 KB

2

Hi, @Lovestruck
Paste this code in top of style.scss file.

.product-slider .swiper-container {
    overflow: hidden !important;
}

If it helpful then accept my solution and like it.
Thank You.

1 Like
3

Thank you soooo much!! I really appreciate that.

1 Like
4

Also, would you know how I can make that work for mobile?

5

yes, please wait a sec.

6 
@media only screen and (max-width: 749px) {
.product-slider .swiper-container {
    overflow: hidden !important;
}
}

Add this code in the theme.scss it will work for mobile view.

if you need more help please contact us.

Thank you

1 Like
7

Sorry, I went in to make the changes I do not have theme.scss