Narrative Theme Product Page Customization

Technical Q&A

Topic summary

A user is attempting to reposition the product description on a Shopify Narrative theme product page, wanting to move it below the product media on the left side.

Current Issue:

  • The provided CSS code appears corrupted or improperly formatted (text is reversed/garbled)
  • Code snippet shows media query targeting screens 750px+ but contains unreadable selectors and properties

Status:

  • No responses or solutions have been provided yet
  • The discussion remains open with the customization request unanswered
  • Valid CSS code would be needed to assess the current layout structure and provide a working solution
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

I would like to move the product description to the left below the product media.

coffeekreis_0-1729710779070.png
coffeekreis_0-1729710779070.png1308×857 60 KB

Current CSS:

@media only screen and (min-width: 750px) {
.product-template__media {
float: left;
width: 50%;
}
.product__content {
float: left;
width: 50%;
}
.product__content-main {
flex-wrap: wrap;
}
.product__description,
.product__form-container {
float: right;
width: 100%;
}
}

Any ideas?