when i go to the mobile view the text on the image banner is below the image how do i fix this?
i need the text to be on the image like on the desktop view like this
Topic summary
A user is experiencing a layout issue where text overlays on an image banner display correctly on desktop but appear below the image on mobile devices.
Problem Details:
- Desktop view shows text properly positioned over the banner image
- Mobile view pushes text beneath the image instead of maintaining the overlay
- Screenshots provided demonstrate both the problematic mobile layout and desired desktop appearance
Solution Provided:
A community member offered a specific fix:
- Navigate to: Store Admin → Sales Channels → Online Store → Customize
- Select the Image Banner section
- Toggle OFF the “Show container on mobile” option
This appears to be a common responsive design issue with Shopify’s image banner block, where mobile-specific container settings override the text overlay positioning. The discussion remains open pending confirmation that the suggested solution resolved the issue.
Hi @Amin_5
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
Hi @Amin_5
Please go to your store admin > Sales channels > Online Store > Customize > Select Image banner, toggle off option “Show container on mobile”.
Best regards,
Dan