I have a wide hero image on a one-page layout. Positioning for lowest mobile breakpoint includes a 3D transform Tx 160px. Works fine on Chrome mobile but Safari hides/clips the 160px.
Is there a better way to position like this?
Appreciate any advice!
~ Josh
Here is my site Read-Only: [LINK](Webflow - Josh Mossotti)
(how to share your site Read-Only link)
I went ahead and created a portrait version of the main hero image and toggle opacity at the mobile breakpoint. This avoids a 3D transform. The solution seems to work. If it’s poor form or notably problematic, please let me know.
Thanks all!
https://preview.webflow.com/preview/josh-mossotti?utm_medium=preview_link&utm_source=designer&utm_content=josh-mossotti&preview=fd015d5ea5e897c576f3cd06e12b26e8&workflow=preview
