Block in custom section - Dawn

Topic summary

A user implemented a custom email signup section in the Dawn theme using code from another forum thread. The section displays correctly on desktop but has layout issues on mobile—the email form appears underneath the image rather than as an overlay.

Another participant suggested a solution involving CSS properties, specifically using position: absolute on the section and modifying the image-banner.css file in the theme.

The original poster confirmed the CSS approach successfully resolved the mobile display issue. The discussion is now resolved.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hi I am having some trouble with a custom section so I’ve added a section using the code on this forum

https://community.shopify.com/c/shopify-design/how-do-i-add-an-email-signup-to-image-banner-on-dawn/td-p/1890004

It works fine on Desktop and displays as it should. However on mobile it puts the email form underneath the image and not as an overlay like in desktop mode. I can’t seem to figure out how to fix this please can someone help?

Website url: https://blurrr.uk/

Is this how you want it to show?
You have to play around with some css properties using position absolute on section-image-banner.css file in theme.

Thanks so much! got it to work