Change number of columns in a row for "image with text columns" Debut Theme

Solved
Highlighted
Tourist
6 0 1

Heyya

 

Wondering if anyone could help me here: I'm using the Debut theme with the default section "image with text columns" on shopify homepage.

When I add 3 columns everything looks fine but once I add the 4th, the columns spill over to a new line. This causes the images to look too big on the screen and it's not as aesthetically pleasing since it starts to look like a 2x2 grid rather than a 4x1.

 

Is there anyway around this?

 

asdasdasd.png 

0 Likes
Highlighted

This is an accepted solution.

Hello @KosmicKul,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

@media only screen and (min-width: 750px){
#shopify-section-feature-columns .grid__item.medium-up--one-half.text-left {
    width: 25%;
}
#shopify-section-feature-columns .grid--uniform .medium-up--one-half:nth-child(2n+1) {
    clear: right;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
6 0 1

Great help! Thanks so much!!

0 Likes
Highlighted
Tourist
7 0 4

Hi I was wondering if you could help 

 

I can't seem to get image and text columns ?

I can have a large image with text next to it , but not like you have shown above 

Am i missing something simple here ?

0 Likes