How do I center collection title on collection page

Store Design

Topic summary

A user seeks help centering the collection title on mobile devices for their Shopify store. A PageFly representative provides a two-step solution:

Solution Steps:

  • Navigate to Online Stores > Themes
  • Click theme.liquid and paste provided CSS code above the </head> tag

The code appears to target collection title alignment on mobile.

Follow-up Question:
The original poster asks about removing the gap between the collection title and description.

Status: The initial centering issue has a proposed solution, but the spacing question remains unanswered. The conversation is ongoing.

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

How do I center collection title on collection page on mobile?

https://www.rosegoldco.shop/

Screenshot 2024-03-19 at 4.04.20 PM.jpeg
Screenshot 2024-03-19 at 4.04.20 PM.jpeg417×341 26.8 KB

2

Hi @alexschar

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

any tips on removing the gap between the collection title and the description