Hello,
I’m trying to find out if it is possible to alter content within a rich text block in mobile view without it changing in desktop view.
I want to move the image on top of ‘Tonic Service Features’ (see picture attached).
Please can anyone tell me how to do this without it moving on desktop view?
Read only link below:
https://preview.webflow.com/preview/the-tonic-consultancy?utm_medium=preview_link&utm_source=designer&utm_content=the-tonic-consultancy&preview=95fdd7b04c501a5ef25bfb0c8eb1da81&pageId=64906cb29d9787246b277358&workflow=preview
Here is my site Read-Only: LINK
(how to share your site Read-Only link )
memetican
(Michael Wells)
June 21, 2023, 8:10pm
2
To do that you’d want to take the image out of the rich text element and make it its own separate image element.
Then wrap the Rich text and image in a DIV, with the image as the first child.
DIV
Image element
Rich text element
At the desktop breakpoint, set the DIV to flex, horizontal, reverse direction.
At mobile, keep the DIV as flex, but change it to vertical, forward direction.
This will give you the text-left-image-right arrangement on desktop, and image-top-text-bottom arrangement on mobile.
Thank you Michael, I will give that a go