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

Solved
BMHBox
New Member
2 0 0

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:

Screen Shot 2020-10-16 at 1.18.48 pm.png 

Mobile:

Screen Shot 2020-10-16 at 1.19.09 pm.png

  

0 Likes
24by7themes
Navigator
330 49 53

This is an 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%;
}
Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
BMHBox
New Member
2 0 0

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

0 Likes
kaathcruz
New Member
1 0 0

This isn't working for me

0 Likes
24by7themes
Navigator
330 49 53

@kaathcruz 
Please share your store url.

Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
0 Likes
SofiaDLC
New Member
2 0 0

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

0 Likes
24by7themes
Navigator
330 49 53

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

Expert Shopify Developer hire me
Still not satisfied!!! / are you required any custom development? contact me
Is it good solution? Yes, please Like.
0 Likes