Edit the design of particularly the mobile aspect - 2 columns per row

Store Design
,
1

Hi, I am currently working on a shopify website - specifically the “Babs” theme. I have dowloaded the theme and eventually uploaded on Shopify.

But I have a problem that needs to be solved. When looking to the collection page on the mobile phone, you notice that the products are currently being disappeared as 1 column per row. Instead of 1 column per row, we would like to see two columns per row. On the desktop, the columns are being shown perfectly.

The URL of the website is www.owlyshop.nl

I hope that someone can help me.

2

Hi @Owlyshop ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

3

Hey PageFly-Victor,

Thank you for your reply.
The URL of the website is www.owlyshop.nl

4

Hi @Owlyshop ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1681588411157.png
PageFlyVictor_0-1681588411157.png378×674 191 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
5

Dear @PageFly-Victor ,

I appreciate your help and solution for the collection page. Thank you very much!

We would also like the same format, so two columns on one row for each different collection page. For example ‘babyveiligheid’, ‘onderweg’, ‘slapen’ etc. All these individually collection pages currently have one column on one row.

Can you also please help us with showing instead of one column two columns per row on each individually collection page?

6

Hi @Owlyshop , You can add more this code below:
1 Like