FROM CACHE - en_header

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

  

Accepted Solution (1)

Accepted Solutions
24by7themes
Shopify Partner
400 61 77

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

View solution in original post

Replies 10 (10)
24by7themes
Shopify Partner
400 61 77

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!

kaathcruz
New Member
1 0 0
24by7themes
Shopify Partner
400 61 77

@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
SofiaDLC
New Member
2 0 0

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

24by7themes
Shopify Partner
400 61 77

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

Kinjaldavra
Shopify Partner
2302 569 1407

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 | Whatsapp
Build your professional store with GemPage Page Builder
posturepro
Tourist
28 0 3

Hello, can you tell me which code to use to make the Text columns with images section display in one row on home  page shop.posturepro.co

Also, I was also wondering how I'm able to make the same Text columns with images section on my homepage appear in 1 row on mobile.

Any help on this would be amazing!

Kinjaldavra
Shopify Partner
2302 569 1407

hello @posturepro 

can you please share which section do you want to make Text columns with images section

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder