Product Page Layout - Put product description under product image

Store Design
,

Topic summary

A user working with Shopify’s Sense theme wants to reposition the product description below the product image on desktop while keeping collapsible content on the right. Mobile layout should remain unchanged.

Solution Provided:

  • Edit main-product.liquid in the Sections folder
  • Add specific HTML/CSS code after the product media gallery render tag
  • The code wraps the product description in a div with desktop-only visibility class

Key Issues & Resolutions:

  • Initial code caused description to disappear on mobile
  • Fixed by updating the code to use medium-hide large-up-hide classes instead of just small-hide
  • Solution confirmed working after code revision
  • Important limitation: Does not work with sticky content enabled

Follow-up Questions:

  • Users asking about adding spacing between images and description
  • Requests for adapting solution to other themes (Dawn, Craft)
  • Reports of custom liquid tabs breaking in mobile view when implemented

The discussion remains partially open with unanswered questions about theme compatibility and spacing adjustments.

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

Hi @WoofStore

Make sure you keep the description block in your theme editor