How can I fix the grid size of a sub-collection on the main collection page?

Topic summary

A Shopify store owner using the Expanse theme encountered an issue where sub-collection grids on the main collection page expanded to fill available space when fewer items were displayed, creating an unappealing layout.

Problem: Sub-collections weren’t maintaining a fixed grid size, causing inconsistent visual presentation.

Solution provided:

  • Add custom CSS code to the theme.liquid file (just above the </body> tag)
  • The code snippet targets the grid layout to enforce fixed sizing

Outcome: The solution successfully resolved the issue. The store owner confirmed the fix worked as intended.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hey Guys, Can someone help me to make the grid size of the sub-collection in the main collection page to be fixed. Currently when there are less sub collection options are displayed, it tends to occupy the entire space which makes it looks less appealing. Here is the screenshot of how it currently looks:

Here is how I wanted:

My store url is: https://envelorhome.com/

Theme used is Expanse.

Any help would be much appreciated. Thanks!

Hi @envelorhome ,

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

1 Like

Hey Makka, Thank you very much. your solution worked!