Centralise collections heading

Store Design
, , , ,

Topic summary

A user seeks to center-align the collections header text on both desktop and mobile versions of their Shopify store. They provided a screenshot showing the current layout.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the base.css file
  • Add CSS code at the bottom to center the collection list wrapper title:
    .collection-list-wrapper .collection-list-title {
  text-align: center;
  margin: 0 auto;
}

The theme in use is Trade. The discussion appears resolved with a straightforward CSS customization.

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

hi i want to centralise the collections header text on both desktop and mobile

see attached

URL golazocasesuk.myshopify.com

theme: trade

Screenshot 2024-08-11 at 16.02.02.png
Screenshot 2024-08-11 at 16.02.02.png361×891 69.5 KB

2

Hello @golazocases ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.collection-list-wrapper .collection-list-title {
    text-align: center;
    margin: 0 auto;
}

Thanks