How to overlay text on split screen image banner in shopify dawn theme?

Topic summary

A user is attempting to overlay text on a split-screen image banner in Shopify’s Dawn theme. They have already custom-coded two clickable images that link to separate product pages and want to add text overlays without disrupting the existing click functionality. A reference image shows the desired text placement. Another user has requested the website link to inspect the implementation, and the original poster has shared a preview link to their trial website for further assistance.

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

Hi all,

I am trying to place two different texts on my split screen image banner ( I am attaching a reference image of where I want the text to be overlayed )

Right now, I have custom coaded the two different images you see to become clickable (image 1 leads to a seperate product page, and image 2 leads to a seperate product page).

All I want to do is to add the text according to this reference image, without disturbing the clikability of the image,

Any help will be greatly appreciated!

1 Like

@amaya_world hey, thanks for posting here.
Can you please share the link so we can inspect it? thanks.

Preview - for trial website !!!