Dawn Theme - How Can I Move My Product Name & Reviews To Below The Product Image?

Store Design
, , ,

Topic summary

A user seeks to reposition the product name and reviews below the product image on their Dawn theme collection page.

Initial Solution Attempt:

  • Add custom CSS code before the </body> tag in theme.liquid file
  • Result: Elements became left-centered but remained above the image

Successful Fix:

  • Additional CSS code added to section-main-product.css file: .product__title { position: initial !important; }
  • This successfully moved the elements below the image

New Issue:

  • Large white space now appears between the image and header
  • User requests help reducing this gap and pulling content further up

Status: The responder indicates the spacing issue has been fixed, though specific solution details for the gap reduction weren’t provided in the conversation.

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

You can try add this code below to bottom of section-main-product.css

.product__title {
    position: initial !important;
}