Debutify Theme: How can I vertically stack images for scrolling on mobile?

Shopify Discussion

Topic summary

A Debutify theme user seeks to vertically stack product images on mobile with full-screen display (no white gaps). They reference Bershka’s mobile product page as the desired layout example.

Current Issue:

  • Images not stacking vertically on mobile
  • White gaps appearing around images
  • Image bleeding into header area

Progress:

  • User shared their store URL (banbba.com) and Bershka reference link
  • Developer initially couldn’t access the site
  • Developer created a partial solution on a development store (password-protected demo provided)

Status: The discussion remains ongoing. A workaround has been demonstrated but doesn’t fully replicate the Bershka reference. The solution requires custom theme modifications to achieve the desired full-screen, vertically-stacked image layout on mobile devices.

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

Hi,

Here’s the URL - https://banbba.com/

And here is a new reference - https://www.bershka.com/ie/wide-leg-ribbed-soft-touch-trousers-c0p166128026.html?colorId=816

On Bershka mobile, the images are stacked.

Thanks,

Greg