Why are my multicolumn cards not centering on mobile?

Store Design
, , , ,
1

Hi,

The cards on my multicolumn slider on mobile are not centred on the screen. The first two are shifted to the left and the last is shifted to the right. How can I rectify this?

Thank You

AdlerAndCoy_0-1699386511737.png
AdlerAndCoy_0-1699386511737.png406×653 27.1 KB

2

Hi @AdlerAndCoy ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi there!

Website is www.urbanizd.co.uk

Thank you kindly!

4

Found the solution.

Paste the code into your base.css

@media screen and (max-width: 749px) {
.slider.slider--mobile.contains-content-container .slider__slide {
    margin-left: 1.5rem !important;
}

.background-none .slider .multicolumn-card__image-wrapper+.multicolumn-card__info {
   padding-left: 0 !important;
}
}

and make sure that Horizontal and Vertical space is set to 4px under Theme Settings → Layout → Grid.