Collection Columns differ in Chrome v Firefox

Topic summary

Store’s collection grid showed 3 columns in Firefox but 4 in Chrome/Edge, a change noticed within the last two days. A link to the affected collection and a screenshot were provided.

Suggested fix: edit the theme.liquid file and insert a code snippet just above the tag (steps outlined: Online Store → Edit Code → theme.liquid → add snippet). The exact code wasn’t visible in the text; it appears in a screenshot.

Outcome: after applying the change, the display issue was resolved and Firefox now matches other browsers.

Open points: the original poster asked why this occurred and whether it could recur; no explanation or root cause was provided yet.

Notes: images/screenshot and a code snippet are central to understanding the fix, but the snippet content is not included in the text provided.

Summarized with AI on December 30. AI used: gpt-5.

Hi @GeorgeD-HB

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka