Help Need 2 Products To Show in One Row In MOBILE VIEW

Organicbloom
Tourist
4 0 0

For my website organicbloom.pk need help from you experts.

Problem is on Mobile it shows only one item in Collection page.

Need to have 2 Images show of product. Any expert out there that can help me out. Shall be highly greatful. 

0 Likes

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 767px){
.template-collection .js-col.col-sm-6.col-12.col-lg-4 {
    max-width: 50% !important;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Organicbloom
Tourist
4 0 0

Wow you are a champ . Its solved 

0 Likes

Thanks for update.
If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Organicbloom
Tourist
4 0 0

Also one more help. In mobile view the text of product title , how to change the size of text. It turns out very big in mobile title. Please can you also help here

0 Likes

To change the product title size on collection pages in mobile view.
Add this css

@media only screen and (max-width: 767px){
.template-collection a.product-card__name {
    font-size: 14px;
}
}


Note: Please change font size as per your requirement

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Organicbloom
Tourist
4 0 0

Like said before. It worked. You are truly a star 

0 Likes