Dawn theme change collection image size and collection heading on top?

Topic summary

A user wants to customize their Dawn theme’s collection page layout:

Mobile requirements:

  • Full-size collection images
  • Collection title and description centered on top of images

Desktop requirements:

  • Title and description on the left half
  • Collection image on the right half

Current status:
Another user (jovilh) has begun providing a solution involving custom CSS code to be added to the theme.liquid file, specifically before the </head> tag. However, the actual CSS code appears corrupted or improperly formatted in the conversation, making the complete solution unclear. The discussion remains ongoing as the implementation details need clarification.

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

I want to change the individual collection images on the collection page to be full size on mobile with collection title & description on top and centered.

For desktop, i’d like to have the collection title and description in the left half and the collection image on the RHS.

My store URL - https://damerrano.com/collections/all-products

Thanks

Hi there Damerrano77.

Paste in the following code into your theme.liquid file. Look for and paste the code right above it.

Online Store > Themes > Edit code > theme.liquid