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