How to Display Homepage "Text columns with images" in 3 Columns in Mobile View? - Debut Theme

[BMHBox]

Hi there Shopify legends,

I was wondering how I'm able to make my Text columns with images section on my homepage appear in 3 column on mobile.

On desktop it shows up as 1 row of 3 columns but when it hits the mobile breakpoint, it changes to 3 rows of 1, like below. Any help on this would be amazing!

My store's URL is bringmehomebox.com.au.

Desktop:

 

Mobile:

  

[24by7themes · Accepted solution]

Hello @BMHBox ,

Give below css in Theme > Assets > theme.scss file

#shopify-section-1596693381150 .grid__item.medium-up--one-third.text-center {
    width: 33.33333%;
}

[BMHBox]

@24by7themes You legend! that worked a treat, thanks mate!

[kaathcruz]

This isn't working for me

[24by7themes]

@kaathcruz 
Please share your store url.

[SofiaDLC]

Where did you get the number 1596693381150 from? Is it different for every site? 

[24by7themes]

Hello @SofiaDLC 
It is section id number, you can check by browser 'Inspect Element' or by 'View Source'.