Multi Column Sections Suddenly Not Working

[eskylarneal]

Hello! For some reason, multi-column sections across this site are now suddenly not working. I have checked the internal settings but am at a loss. Instead of being several across, now they are like one across and stretching off the page which obviously isn't ideal.

Here's a page example - https://heartandcore.com/pages/surgical-bras

Scroll down to Bra features and you'll see what I mean. 

Appreciate any thoughts, CSS to resolve, or other containers I could use to recreate original multicolumn effect.

Thank you. 🙂

[DaisyVo]

HI @eskylarneal 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.multi-column__grid.carousel__wrapper.swiper-wrapper {
    display: grid !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[eskylarneal]

Thank you!!! SO MUCH! I appreciate your help!

[Dan-From-Ryviu]

HI @eskylarneal 

Did you add the customized script to change it to a swiper slide? That section may be missing a JavaScript library, which causes the issue.