How can I display only 2 items per row in a collection?

[MatthewChandler]

I have a collection that I am displaying on a page, but the default is showing 3 items per row. I was wondering if there is a way top display 2 items per row. (Only on this collection)

https://leatherandmoreinhickory.com/collections/chateau-dax

Thank you in advance

website: www.leatherandmoreinhickory.com

Theme: Trademark

[GemPages · Accepted solution]

Hello @MatthewChandler 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code:

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

{% if collection.handle contains 'chateau-dax' %}
<style>
@media screen and (min-width: 801px){
  body .list-products > .grid__cell {
      margin-bottom: 32px;
      width: 50%;
  }
}
</style>
{% endif %}

apply only collection link:

https://leatherandmoreinhickory.com/collections/chateau-dax

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[AimHighShop]

Can you help me figure out how to allow more items per page so that all the item display on one page instead of having to go to the 2nd page. Simple theme
www.aimhighshop.com

[oscprofessional]

@MatthewChandler 
Hello,

.grid__cell.\31 \/2--handheld-and-up.\31 \/3--desk {
	width: 50%;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This