How do I center the last slide in a multicolumn section? CRAVE theme

Hello,

My URL is: www.mommallamasweets.com

I need help centering the last slider at the bottom of my homepage. I attached a picture below for reference. Right now it’s shifted to the left.

Thank you.

@KanyeWest

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.background-none .slider .multicolumn-card__info {
    padding-left: 0 !important;
}
}

I added the code but unfortunately it doesn’t change anything. I left the code so you can check it out. Thank you.

Hello @KanyeWest

It will be helpful -if you can try this:

Go to the online settings >Theme >Edit Code >Assets >Component-slider.css

@media screen and (max-width: 749px) {
li#Slide-template--15298129756260__multicolumn-3 {
    text-align: center;
    margin: 0 auto;
}

it didn’t change anything, sadly.

@KanyeWest
Hello,

.multicolumn-card.content-container {
	padding: 0 !important;
}
#shopify-section-template--15298129756260__multicolumn {
	padding: 20px;
}

It will be helpful -if you can try this:

Go to the online settings >Theme >Edit Code >Assets >Component-slider.css

Like This