Rezising Collection Categories on overview page

Store Design

Topic summary

Need to reduce category image size and increase grid columns on a Shopify overview page. The goal was to make category tiles ~50% smaller and display 4–5 items per row.

Most recent update: The issue was solved by editing the custom category collection Liquid file. Changing the grid width assignment from medium-up–one-third to small–one-half medium-up–one-fifth adjusts CSS classes so items render in five columns on medium+ screens and half-width on small screens.

Technical note: The Liquid assign sets responsive CSS utility classes that control grid item width. Using medium-up–one-fifth creates a 5-column layout and smaller tiles.

Outcome: Implemented successfully; no outstanding questions. Central reference: a short code snippet in the Liquid template.

Summarized with AI on February 24. AI used: gpt-5.
1

Hi,

so I am reposting from Technical Q&A where no-one was able to help…does anyone have any idea?

This is really bothering me!

Hi,> > I run a small apple reselling business in Austria and Germany and in order to build my perfect online shop I need “sub categories”. So I found lovely work-arounds for that and then was able (with some help from here) to get the fonts looking good and everything working well.> > This was the thread for that: https://community.shopify.com/c/shopify-design/category-overview-page-change-where-text-is-placed-or…> > Now I have a new wish. I would like to make the actual categories / images smaller in the grid. So right now it is a 3 by X grid and very very large.> > Can someone help me change the size down to about 50% and also make it like 4 by X or even 5 by X?> > Example page on my shop: https://apple-guru.at/pages/zubehor-nach-kategorien> > All the best,> > Fabio

Thank you in advance!

All the best,

Fabio

2

So I solved this one myself!

When opening the .liquid file for the category collection one needs to create there is this passage:

{%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}

at the end it used to say “medium-up–one-third” etc…

changed it to one-fifth and it works like a charm!