Studio Theme White Container responsive change

Topic summary

Goal: Keep the white text/container overlay on top of the slideshow image on mobile exactly as it appears on desktop in the Shopify Studio theme.

Context: The store is unpublished; a preview link and password were provided. Screenshots show the desktop overlay sitting on the image, while the mobile version changes layout so the white container no longer overlays the image.

Proposed fix: Edit the theme.liquid file and paste a provided code snippet just before the closing tag. Steps outlined: Online Store > Themes > More actions > Edit code, open theme.liquid, then paste the code above . (The exact code content was not visible in the shared text.)

Assets central to understanding: Multiple screenshots comparing desktop vs mobile, and an image showing where to paste code.

Status: No confirmation that the fix worked; discussion remains open pending validation or further guidance.

Summarized with AI on January 1. AI used: gpt-5.

Hi all, I am working with the studio theme. I want to keep the white container overlaying on the image the same way it does on desktop. I want the white container to overlay the image on desktop and mobile. How can I make the white container in the slideshow area not change in the mobile version?

The store is not published yet.

Site is: https://b85dcc.myshopify.com Password is rawbla

Hi @luke01

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like