PIPELINE THEME - How to display 2 products per row in the 'featured collection' on mobile? HELP!

Solved
jdreyer
Tourist
11 0 5

Hi everyone,

When I am on my home page, the 'featured collection' only shows 1 product per row... I have attached an image of my old theme on mobile and I was wondering if anyone knew how to edit the code to display the same thing (Pipeline Theme)? 

Thanks in advance,

Jess

 

IMG_8811.PNG

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@jdreyer 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width:767px) {
.homepage-collection {
 .grid-uniform  {
    display: flex;
    flex-wrap: wrap;
.product-grid-item {
width: 50%;
}
}
}
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 7 (7)
KetanKumar
Shopify Partner
24923 2498 9041

Hello, @jdreyer 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jdreyer
Tourist
11 0 5
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@jdreyer 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width:767px) {
.homepage-collection {
 .grid-uniform  {
    display: flex;
    flex-wrap: wrap;
.product-grid-item {
width: 50%;
}
}
}
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

jdreyer
Tourist
11 0 5

Thank you so much! Worked perfectly! Lifesaver!!

KetanKumar
Shopify Partner
24923 2498 9041

@jdreyer 

Thanks for update and support.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gloria_c
New Member
4 0 0

Hi, I have the same problem with my eshop www.tipicum.myshopify.it
My theme is Canva...can you hel me?

Thanks a lot!

snackfrill
New Member
2 0 0

This doesnt work on my theme please help