How to create 2 columns for collection list for mobile phones

[Allen6224]

Hi,

My website is www.liftchairheaven.com. I used the Charlotte Theme

I wanted to create 2 columns for my collection list on the homepage for mobile view.
Right now it shows 1 column and each product on a single row. (see below for screenshot)

How do i create 2 columns for mobile view?

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the collection list section on the home page. Then select the 2 columns option

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

[PageFly-Richard]

Hi @Allen6224

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Result:

Or you can simply select the 2 columns on mobile here in the theme Customer of Collection List

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[Allen6224]

Hi,
Thanks for the response. Unfortunately, the theme i’m using doesn’t have that as an option for mobile view. My theme is Charlotte. Is that option available on Dawn?

[Allen6224]

Hi @PageFly-Richard

Thanks for the reply. Your solution worked. I just have one small issue. The product in the last row on the right is longer than rest. (see screenshot below)

How do i fix that?

Thanks,
Allen