Editing a Rich Text Block on mobile without changing desktop view

Design help General
1

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

Screenshot 2023-06-21 175106
Screenshot 2023-06-21 175106402×656 39.9 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

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.

4

Thank you Michael, I will give that a go :slight_smile: