Remove white space either side of product image Minimog theme - Mobile

Store Design

Topic summary

A user sought to remove white space on either side of product images on mobile devices in the Minimog theme.

Solution Provided:

  • Custom CSS code was shared to eliminate the horizontal margins and padding
  • The code targets mobile viewports (max-width: 767px) and adjusts .m-main-product--wrapper and .m-main-product--media classes

Outcome:

  • The solution successfully resolved the issue
  • The discussion is closed with the problem fixed
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

For mobile Id like to remove the white space next to main product image

https://www.afterhoursgallery.co.uk/products/dirty-martini-wall-art

IMG_CB39659D28CA-1.jpeg
IMG_CB39659D28CA-1.jpeg1170×2532 292 KB

2

Hi @Johnnycrev

Let try to add this Custom CSS to your theme Settings:

@media (max-width: 767px) {
  .m-main-product--wrapper {
    margin-inline: -15px;
  }
  .m-main-product .m-main-product--media {
    padding: 0;
  }
}
3

Amazing! Thanks so much!

4

you’re welcome. Let me know if you need support others :wink: