Overlay text not working as intended on mobile

[JLFrost]

Hi there,

Wondering if anyone could help with this issue.

On desktop all works fine:

But on mobile this happen:

How do I move this up into the same photo? 
I don't mind the bottles not showing, but just need the text/buttons on a background 😞

Thanks for your time if you do see this 🙂 It's been driving me nuts for about 4 hours.

[JLFrost]

Like so!

[StoreWatchers]

Hello @JLFrost,

Greetings from the Store Watchers Support Team! Happy to help you today.
 
It would require custom CSS. Please let me know your store URL so I can further check.

Let me know if need further assistance
 
Regards,
Store Watchers Support Team

[JLFrost]

I'm still on shopify domain until I get things going so it's WIP 🙂

bestperfume-store.myshopify.com

Here you go!

[JLFrost]

Bumping for help 😞

[StoreWatchers]

Hello @JLFrost 

I have checked the URL you have provided, the UI looks different to me on mobile. 
But to fix the issue(to move the content beside the bottle) you have mentioned in the screenshot, you need to adjust the position according to your need. 

Once you satisfy, what code you will need to use, then

- Go to Online store > Themes > Edit code.

- Add code to the  (before </body>) of the theme.liquid file.

Let me know if need further assistance
 
Regards,
Store Watchers Support Team