Resize gallery images in mobile view for Debut theme

Store Design
,

Topic summary

  • Issue: Gallery images in a Shopify Debut theme appear correctly on desktop but not on mobile; the requester wants the “Our Beauties” gallery images to display as squares.
  • Context: The store owner is customizing the Debut theme without additional templates and shared their site link for reference.
  • Proposed approaches: Adjust responsiveness via the theme editor or add custom CSS (Cascading Style Sheets) to enforce a square aspect ratio on mobile. Check for built-in options in Debut for mobile image resizing or aspect ratio controls if avoiding custom code.
  • Status: The store owner will try these suggestions; no specific code snippet or confirmed solution provided yet.
  • Notes: Debut is a Shopify responsive theme; no images or code were attached. The thread remains open with the next step being to test theme settings or custom CSS to achieve square images on mobile.
Summarized with AI on December 18. AI used: gpt-5.
1

Hi, I am trying to resize the images that I added as a gallery using the debut theme. The images look perfect viewing from the desktop view but when you look on mobile view they aren’t the correct size. I would like for them to be sqaure shape. Any assistance is greatly appreciated. You can take a look at www.officialmegabeauty.com and refer to the pictures in the gallery towards the bottom of the page titled “Our Beauties”. Is there a custom css code I can use to fix this?

1 Like
2

Hey, I didnt use a template just the Debut theme installed from shopify. & Yes I am the one customizing the site myself

3

Hi there! It looks like the issue you’re experiencing with the gallery images on mobile view might be due to how the theme handles responsiveness. To make the images maintain a square shape on mobile devices, you can try adjusting the settings through your theme’s custom CSS or settings area.

If you’re not comfortable with custom code, you can also check if your theme offers specific options for mobile image resizing or aspect ratio adjustments in the theme editor. Hopefully, this helps! Let me know if you need further assistance or guidance.

1 Like
4

I’ll give this a try thank you!