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.
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?