Product Image Layout for Mobile

Shopify Discussion

Topic summary

A user is seeking help to adjust their Shopify product page layout on mobile to match the desktop version.

Two main issues identified:

  1. The image banner containing logos appears too small on mobile devices
  2. Product variants, checkout button, and sales text are currently stacked vertically on mobile, but the user wants them positioned horizontally next to the product image (similar to desktop layout)

Current status: The discussion remains open with no solutions provided yet. The user has shared the website URL (lu mokitty.com) and included comparison screenshots showing both desktop and mobile views to illustrate the layout differences.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Desktop View
Desktop View1920×922 146 KB

Mobile View
Mobile View280×887 41.9 KB

How can I make the mobile view look like the desktop view?

  1. The image banner with the logos is too small on mobile
  2. I want the variants, checkout button, sales text, etc. to be next to the product image instead of it being stacked on top of each other.
2

url is: lumokitty.com