Image with text overlay resize for mobile. superstore theme

Topic summary

A user is experiencing an issue with the Superstore theme where an image with text overlay displays correctly on desktop but fails to resize properly for mobile devices. They’ve attempted various code solutions found elsewhere without success.

Proposed Solution:

  • Create two separate image banners: one optimized for desktop and another for mobile
  • Use custom CSS to hide the inappropriate version on each device type (hide desktop banner on mobile, hide mobile banner on desktop)

The discussion remains open with one suggested workaround provided. Images were shared showing the desktop vs. mobile display issue.

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

Hello, my image with text overlay looks great on desktop but does not resize for mobile. Tried some other code options here but nothing has worked for me.

Superstore Theme. Rooftopritz.com

Hi,

I recommend to add two image banners one for desktop and the other for mobile, and in the custom css hide them vise versa.