How to have two column grid view on mobile for products and collections (Enterprise Theme)

Technical Q&A
,

Topic summary

Goal: Enable a two‑column product grid on mobile for collections/all products in the Shopify Enterprise theme.

Proposed fix (code snippet central): Add custom CSS in Online Store > Themes > Edit code > Assets (custom.css or theme.css). Use a media query for screens up to 767px to set the grid container to flex with wrapping and each product grid item to 50% width, producing two columns.

Explanation: A CSS media query applies styles only at specific viewport widths (767px is a common mobile breakpoint). Setting each product tile to 50% width creates two items per row on small screens.

Status: No confirmation from the requester that the CSS solved the issue; no built‑in theme setting was identified. The thread remains open.

Other: A separate question asked whether the Enterprise theme is worth purchasing; no feedback was provided.

Summarized with AI on January 10. AI used: gpt-5.
1

Hi,

I bought the Enterprise Theme, and it has many amazing features, but weirdly enough you cannot choose to have two column grids on mobile view when viewing collections or all products.

Can anyone help me with this?

2

Hi,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

@media (max-width: 767px) {
  .grid-uniform { display: flex;
    flex-wrap: wrap; }
  .grid__item.grid-product { width: 50%; }
}
3

hey i am planning to purchase enterprise. Is it worth it ? whats ur feedback ?