Design problem with Desktop & Mobile picture/text combination

Hey guys,

My problem i seen on the pictures below.

I use a picture with text as a banner for my heropage. Desktop looks very nice. However, the mobile version looks like ■■■■■

I have tried a few things. For example, to make different banners for the desktop and the mobile version (shown here:https://www.mojoin.com/show-shopify-banner-image/) However, these banner doesnt have the text feature I like to have.

My solution would be: Add a backround box behind the text, that it can be read, if its above the watch (see mobile version).

Do you maybe have a good solution to this overall? Or can you tell me how to add a square behind the text?

best regards

Robert

Theme: Debut

Desktop → Very good.

Mobile: Very ■■■■■■■

@Inux131

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:

Thanks for your good question.

Please share your site URL,

I will check out the issue and provide you a solution here.