Element stays where I want it on desktop but not on tablet layout

I want the lotus flower element to ‘stick’ to the image to its right. It works on desktop but not tablet mode as seen in this video. What am I missing?


Here is my site Read-Only: https://preview.webflow.com/preview/concierge-color?utm_medium=preview_link&utm_source=dashboard&utm_content=concierge-color&preview=2d0783c787990924588611ce94e2752e&mode=preview
(how to share your site Read-Only link)

Hey,

For the Lotus I decided to place it in a div with your “zoomed Image”. That div is set to a flex layout with them set horizontally. This will ensure they are always together in the same area.

Your zoomed image is set as static.

LOTUS:

ZOOMED IMAGE:

HERO CIRCLE:

Hope this helps, let me know if you need additional clarification.

Doing the above worked for me across tablet and mobile (sideways)

The image shows your writing on the left screwed up, but ignore that as I changed your font size prior to making the proper changes and did not want to go back and fix that :slight_smile:

This worked! Thanks!

1 Like