How can I make the collection list on the homepage on mobile have 2 collections per row?

Store Design
1

On mobile the collections list on the homepage has only 1 collection image per row I was wondering if there is a way to make them smaller to fit 2 per row on mobile?

My website is : http://bellissimacrystals.com/

The website is nowhere near finished just made it live for this post

2

@scalabur

sorry for that issue can you please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media screen and (max-width: 767px) {
.template-index .collection-grid .indiv-collection-grid-homepage {
    margin-bottom: 20px;
    max-width: 50%;
}
}
3

Thank you!

4

@scalabur

its my pleasure to help us

5

I am having this same issue on a separate page on mobile and desktop; does this code only work for the homepage?

6

@scalabur

can you please share issue screenshot ?