How to display 2 columns on mobile in collection list

[Angel_W]

Hello,

I set the number of columns on mobile to 2. But it displays 1 column on mobile view. How to solve this issue?

Actual:

Expectation:

[BSS-TekLabs]

Hello @Angel_W
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Angel_W]

Website: Ancosti Official Site
You can see it on the homepage.

Thank you.
This is the screenshot of the desktop view.

[namphan]

Hi @Angel_W ,

I checked and it shows 2 columns, can you check it again?

[Angel_W]

I modified. Please refresh the page.

[namphan]

Hi @Angel_W ,

Please go to Actions > Edit code > Assets > list-collections.css file and paste this at the bottom of the file:

@media only screen and (max-width: 767px) {
.collection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

[Angel_W]

Thank you very much!

[namphan]

Hi @Angel_W ,

If you have any questions, you can contact me directly.
Nice to meet you