Why is my Dawn theme product pop-up modal not responsive on mobile?

Topic summary

Issue: A product page modal in the Dawn theme appears wider than the screen on mobile (under ~420px), despite CSS attempts to fix responsiveness.

Reproduction details: A test URL and password (“reldow”) were shared; the problematic element is the “Request custom size” pop-up.

Testing feedback: One participant tested on real devices and via BrowserStack (a cross-browser testing service) and reported no issue, asking for device/browser details. The reporter confirmed the problem on a Samsung Galaxy A40 in both Chrome and Samsung Internet.

Implementation context: The modal was added as a block within the product information section of the Dawn product template, with its position adjusted via custom CSS.

Status: No solution identified and no code/CSS shared; discrepancies suggest a device-specific or viewport overflow issue that others could not reproduce.

Outcome: Discussion remains open; key unanswered question is what specific CSS or layout causes overflow on smaller Android devices.

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

Hello,
I added a modal pop-up in my product template (theme dawn), it’s working fine but in mobile view (under 420px) it’s not responsive, it’s always larger.
I tried with css but still it’s not working.
Here is a page, pop up link request custom size: https://linenforce.myshopify.com/products/basic-ties-linen-duvet-cover-alloy-grey (psw reldow).
Has someone already experienced this problem? And is there a solution?

Thanks a lot for the help!

2 Likes

@sus1

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

1 Like

Hi !
In smart phone Samsung Galaxy A40 - same problem both in chrome and samsung internet browser.

1 Like

@sus1

Thanks for more details

bt sorry its allow work this

ok, thanks anyway.

hope someone find a solution.

Hey there, long shot but can you explain how you added that “Request custom size” button + modal? i kinda want a similar thing.

Thank you in regards

Hi Gixxer,

I just added the pop up as a block inside product information, it’s part of Dawn product template, and then I made the position with css.

Best regards