Multi Column Sections Suddenly Not Working

Technical Q&A
,
1

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. :slightly_smiling_face:

1 Like
2

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:

image_720.png
image_720.png720×408 116 KB

I hope this helps

Best,

Daisy

3

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.

4

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

5

Multi Column sections are not showing the images that are uploaded. I tried the custom css above and it didn’t work. Any suggestions?!

Screenshot 2025-10-06 at 9.34.46 AM
Screenshot 2025-10-06 at 9.34.46 AM3286×2322 496 KB

6

Hello @cufflinks15685 ,

I hope you are well!

The CSS didn’t work due to theme difference and code customization according to your store. Can you please provide me the store URL so that I can provide you the CSS?

7

Start your own thread, do not use others…

9

Can you please share the specific link where the section is visible? Also, please create the new thread. It will be helpful for us to get rankings.

13

Yes! I will check it.