Is it possible to change the order of the sections with sliders in Webflow's mobile view without altering the design in desktop mode?

Published on
September 22, 2023

Yes, it is possible to change the order of sections with sliders in Webflow's mobile view without altering the design in desktop mode. Here's how you can achieve this:

  1. Open your project in Webflow Designer and navigate to the mobile view by clicking the mobile icon at the top of the Designer.
  2. Select the section with the slider that you want to change the order of.
  3. In the Style panel on the right side of the Designer, scroll down and find the "Position" section.
  4. Change the positioning property of the section to "Relative".
  5. Once you've changed the positioning, you can now adjust the order of the section by changing its position in the Navigator panel on the left side of the Designer. Simply click and drag the section to the desired position within the Navigator panel.
  6. After reordering the section, you may need to adjust the positioning of other elements on the page to ensure they are positioned correctly. You can do this by adjusting the margins and padding of those elements.

By following these steps, you can change the order of sections with sliders specifically in the mobile view without affecting the design in desktop mode. This allows you to have different layouts and orders for sections based on the device being used to view your website.

Note: It's important to understand that any changes you make to the mobile view will only be reflected in the mobile version of your website. The design and order of sections in the desktop view will remain unchanged.

Additional Questions:

  1. How can I reorder sections with sliders in Webflow's mobile view?
  2. Can I have different section orders for mobile and desktop views in Webflow?
  3. Is it possible to change the positioning of sections without affecting other elements in Webflow?