Grid Theme - Help needed to make changes to how products are shown on mobile view

[ResidenceJD]

Hi, 

We are using Grid Theme and are needing to change how many products are shown on 1 line in mobile view. Currently only 1 product is shown per line which means a lot of scrolling down so we would like to change this to 2 products per line. 

The url is www.scandihandles.co.uk

We would also really like to have page numbers at the bottom to choose from as currently there is only an arrow forwards or backwards for the next page.

Can anyone help with the code for these two changes?

Thank you in advance.

[GemPages · Accepted solution]

Hello @ResidenceJD ,

About 2 product in 1 row on mobile:

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
   @media (max-width: 767px ) {
      .collection-products {
          column-count: 2;
      }
   }
</style>

For page numbers:

You can reach with the theme to fix it.

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[ResidenceJD]

This worked perfectly.. Thank you