Centre collections list titles

Store Design
, , , , ,

Topic summary

A Shopify store owner wants to center collection list titles (“Player Cases,” “Kit Cases,” etc.) both horizontally and vertically within their display boxes on mobile devices.

Initial Problem:

  • Titles are horizontally centered but positioned at the top of boxes instead of the middle
  • Issue affects collection page layout on mobile view

Solutions Attempted:

  1. First CSS code added flexbox properties and text alignment to .card__information and .card-wrapper elements
  2. Second attempt (code details incomplete in thread) partially resolved the issue
  3. Third solution specifically targeted the “Kit Cases” collection with additional CSS selectors using href attributes and removed margin from .card__heading

Current Status:

  • Most collections now display correctly
  • “Kit Cases” collection still not properly centered
  • Latest proposed solution has not yet worked
  • Discussion remains unresolved and ongoing
Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
7

hey this hasnt worked either