How to center product image with thumbnails on both side carousel mode on mobile display Dawn Theme

Store Design
, ,

Topic summary

A user is attempting to customize their Dawn theme product page on mobile to display images in a 3-column grid layout (10%-80%-10% ratio). The center column would show the main product image, while the side columns would display thumbnail navigation in carousel mode.

Current Status:

  • The user shared example images showing their desired outcome versus current layout
  • They added custom CSS code to their base.css file targeting .product__media-item with specific padding, width, and margin adjustments
  • Provided store URL (amandacharming.com/au) with password access for troubleshooting

Outstanding Issue:
The discussion remains unresolved. After sharing their store details and CSS modifications, the user followed up seeking an updated solution but has not yet received a response with working code or guidance.

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

Hi @topnewyork , just want to follow up to see if you have any update solution for this? Thank you!