How can I move the image on top of 'Tonic Service Features' within a rich text block in mobile view without it changing in desktop view on Webflow?
To move the image on top of 'Tonic Service Features' within a rich text block in mobile view without changing its position in desktop view on Webflow, you can follow these steps:
Select the rich text block: Navigate to the page where the rich text block is located. Click on the rich text block to select it.
Enable responsive settings: In the right-hand panel, click on the "Settings" icon (gear icon). This will open the settings for the selected element.
Set the display settings: Under the "Display" section, you will see two tabs: "Desktop" and "Mobile". By default, you are in the "Desktop" tab. We will make changes in the "Mobile" tab to affect only the mobile view.
Adjust the image position: In the "Mobile" tab, locate the image within the rich text block. You can either drag the image to the desired position or use the positioning tools to move it around.
Apply the changes: Once you have positioned the image in the desired location on top of 'Tonic Service Features', click the "Save" button to apply the changes.
Preview and publish: To see how the changes look across different devices, use the preview mode or publish the website. In the preview mode, you can switch to the mobile view to ensure the image is positioned correctly.
By following these steps, you will be able to move the image on top of 'Tonic Service Features' within a rich text block in mobile view without affecting its position in the desktop view on Webflow.
Additional questions:
- How do I edit the position of elements in different views in Webflow?
- Can I have different layouts for mobile and desktop views on Webflow?
- Is it possible to customize the appearance of elements specifically for mobile devices in Webflow?
