Collection Page On Mobile Shows One Product One Column

[Mcato12]

https://mcaulraek.myshopify.com/

For my above website. On collection page when we go from mobile it shows one column per product

Need to show 2 Rows coming rather than 1 huge product showing 

Please advice 

[RomanG]

Hi @Mcato12 

If you want to show 2 rows, you have to update the individual product item's class col-12 to col-6 in in the collection template. 

[Mcato12]

Not working. The moment i change to 6. It works on mobile for a second and then goes back to its original

[RomanG]

Then products appears to be displayed again in JavaScript. We can't solve it without theme access 

[Mcato12]

Please share your email so we can send you access

[RomanG]

roman.garvilov.0309@gmail.com

[Mcato12]

Invitation is sent . Please check

[Mcato12]

If you see from mobile and try to go down and browse collection then the entire collection interface goes back to same style as soon as collection page loads more products. I have kept your settings for you to see the same also on what is the error

[RomanG]

roman.gavrilov.0309@gmail.com
It was my fault. I sent you wrong email. please send me invitation again

[RomanG · Accepted solution]

@Mcato12 
It's updated!

https://mcaulraek.myshopify.com/collections/deals

Step1 -> snippets/header-js.liquid
changed theme.min.js to theme.js 

Step2-> assets/theme.js
changed $gridItemCol.removeClass().addClass('js-col col-sm-6 col-12') to $gridItemCol.removeClass().addClass('js-col col-sm-6 col-6') at line 4027

[Mcato12]

You are a gem. Kuddos to you !!!!!!!!!!!!