CSS Positioning Of Text Overlay On Image (Flow Theme) - mobile friendly

Store Design
1

Hi All,

I posted an issue that has been resolved for desktop (thanks @ReturnPrime !) but when I checked on mobile - it’s not working - it appears to be ignoring/using another set of attributes - can any advise how to position this ‘The Holly Range’ text on mobile as it is for desktop, or as close to as possible - positioning and smaller relative text.

Desktop (correct positioning of text):

hotify_0-1648100653568.png
hotify_0-1648100653568.png690×476 96.9 KB

Mobile (incorrect positioning):

hotify_1-1648100810417.png
hotify_1-1648100810417.png395×589 200 KB

previous topic:

https://community.shopify.com/c/shopify-design/css-positioning-of-text-overlay-on-image-flow-theme/m-p/1533245

2

Hi @hotify ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

I will love to help you with your concern.

-Kindly Provide your Store Url,

Note: If your store is protected with ‘store Font password’ please Send it here or DM me.

If you have any concerns feel free to ask me!

Regards,
Ani