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?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

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?

Can I automate the deduction of the "spots left" custom field in my CMS collection in Webflow after each form submission?

Is there a way to fix the issue of needing to click the hamburger nav trigger twice to reopen the dropdown menu on Webflow?

What could be causing the issue with the top menu not changing to a pointing finger when hovering over certain buttons in Chrome and Edge, but working fine in Safari? Additionally, how can the issue with the menu disappearing on an early stage when making the window smaller be resolved?

Why is the font styling reverting to Arial on my new page in Webflow, while it remains unchanged on my homepage?

How can I give my button the id "but" in Webflow, like in the example provided?

How can I fix the issue of not being able to delete columns in the mobile views on my Webflow design with a grid and cards?

How can I change the font color of the active tab in Webflow?

What does the error "Uncaught SyntaxError: Cannot use import statement outside a module" indicate in Webflow?

Can dynamic text be used in Custom Attributes in Webflow?

How can I ensure that only the checkboxes that have been checked are passed through the data in a multistep form in Webflow?