text on image banner on homepage doesn’t stay on image when seen on mobile The text I need to be responsie and stay on the image is : Pop, Scoop and enjoy. https://blublu.ca/ password is saghoo Tahnk you!!

@blublu , Step 1. Go to Admin → Online store → Theme > Edit code Step 2. Find the file theme.liquid. Step 3. Add this code above Result [BSSCommerceB2B_0-1725376460452.png]

How can I have the text staying exactly at the same place on desktop and mobile please? Your code helps to keep it on the image but on MOBILE it becomes centered on image.. I want it to stay at the right

@blublu , add this in your section-image-banner.css file @media only screen and (max-width: 767px) { .banner__box { display: flex; flex-direction: column; align-items: flex-end; } .banner__box .banner__heading { font-size: 36px; width: 200px } } result: [BSSCommerceB2B_0-172567203…

text on image banner on homepage doesn't stay on image when seen on mobile

Shopify Discussion

Van_Nguyen_GSG September 4, 2024, 6:50am 3

Hi,

Dawn theme has the setting for this. you do not need to edit the theme’s code. Go to theme editor > Image Banner section > Uncheck the “Show container on mobile” setting.

Topic		Replies	Views
Escaping Text on Mobile Image Banner Shopify Discussion troubleshooting	8	95	June 9, 2025
Text over Image Banner not showing on Mobile Store Design design , customizations , css , troubleshooting	2	188	September 6, 2023
Image banner text Store Design design	2	95	November 27, 2024
Image Banner Block Text Info Not Showing On Mobile Shopify Discussion troubleshooting	4	57	November 25, 2024
Banner not properly displayed on mobile version of our page Store Design design , customizations , landing-page , css	6	77	May 2, 2025

text on image banner on homepage doesn't stay on image when seen on mobile

Related topics