Center the header text on dawn theme

Topic summary

A user seeks to center-align header texts (e.g., ‘Mas vendidos’, ‘Colecciones’) on their Shopify Dawn theme.

Solutions Provided:

  • Multiple contributors suggest adding CSS code to the base.css file or theme.liquid file
  • Key CSS properties recommended:
    • text-align: center; for .title elements
    • justify-content: center; for .title-wrapper-with-link
    • width: 100% and display: flex for collection titles

Follow-up Issue:
The user requests similar centering for product page headers to maintain consistency throughout the store.

Resolution:
Additional CSS targeting .related-products__heading is provided to center product page headers. The user confirms the solution works successfully.

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

How would I go about centering the headers on the product page aswell? Like for the example in the image. Everything on the main page is perfect, but I want to maintain this centered header idea throughout my whole store.