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
372 58 63

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%;
}
Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
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
372 58 63

@kaathcruz 
Please share your store url.

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
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
372 58 63

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

Shopify Plus Expert, Quality Service Provider, CONTACT ME for any kind of solutions.
Please like and accept solution. SKYPE -> live:gp21111990
0 Likes
Kommpas
New Member
1 0 0

I have the same issue, I tried the code with my section id (at least I think its the right id?) but sadly no results.

0 Likes
Natztech
Shopify Partner
889 242 661

hello @Kommpas


Please provide website url and if your store is password protected then also provide password

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes