I am having issues with overlapping on the full width banner on mobile, I have looked at the community but none of these solutions work. PLEASE HELP! [Screen Shot 2025-04-27 at 1.48.13 pm.png]

let come: Sale channels → Online Stores → Themes → choose your theme → click Edit code. Search file base.css then add that code to the end of this file: @media screen and (max-width: 480px) { .section-full-width-banner:has(.media > *) .media-position--background .section-full-width-banne…

Hi @designerdental Please share that url to let me check then give you the solution

https://designerdentalsolutions.com/pages/bitesoft

https://designerdentalsolutions.com/pages/designer-aligners this one as well - thank you so much

I see the text also overlay on image on desktop. is this your want or not? [BiDealDiscount_0-1745726452162.png]

no you see how it overlaps on the footer of the mobile website - see below: [Screen Shot 2025-04-27 at 1.48.13 pm.png] I want to keep the desktop as is :slightly_smiling_face:

Do you think it’s ok? [Screenshot 2025-04-27 at 11.04.03.png]

Yes! I would prefer a tiny bit more of padding at the bottom but that is much better thank you - how do i do this?

it worked! thank you so so much :slightly_smiling_face:

sorry it worked for one page but not the bitesoft one - can you check?

Yes because the image below for bitesoft one low height: @media screen and (max-width: 480px) { .section-full-width-banner:has(.media>*) .media-position--background .section-full-width-banner__content p{ margin-block: 2px; } }

Issues with overlapping content on mobile site (desktop is perfect) "release theme"

Technical Q&A

designerdental April 27, 2025, 4:16am 10

it worked! thank you so so much

Topic		Replies	Views
different image for mobile and Desktop Store Design design , css	6	70	December 5, 2024
Brooklyn theme - text with image section - how to make the phone width different from the desktop Store Design design , customizations , css , shopify-themes	7	64	June 10, 2023
MOBILE AND DESKTOP BANNER DIMENSIONS Store Design customizations , shopify-themes , html	12	187	January 6, 2025
How to overlap content on an image banner Store Design design , landing-page	8	127	March 19, 2024
Issue with header overlapping banner/text on home screen help! Store Design header , css , troubleshooting	6	105	November 30, 2025

Issues with overlapping content on mobile site (desktop is perfect) "release theme"

Related topics