In Webflow, has anyone experienced the position panel always showing relative to "Body"?

Published on
September 22, 2023

Yes, some Webflow users have experienced the position panel always showing relative to the "Body" element. This is typically caused by a specific setting in the Webflow Designer interface.

When you select an element in Webflow, the position panel appears on the right-hand side of the screen. By default, the position panel shows the positioning options relative to the "Body" element, which is the top-level container for your entire webpage.

To change this behavior and have the position panel show the positioning options relative to the selected parent element, you can follow these steps:

  1. Select the element you want to position.
  2. In the Style panel on the right-hand side, scroll down until you find the "Position" section.
  3. Click on the dropdown menu next to "Position" and select "relative" or "absolute" (depending on your needs).
  4. Once you've selected the desired positioning option, the position panel will update to show the positioning options relative to the selected parent element.

By selecting the appropriate positioning option, you can ensure that the position panel in Webflow displays the correct information for your specific use case.

Additional Question:

  1. How do I change the positioning of an element in Webflow?
  2. Can I set a specific parent element for an element's positioning in Webflow?
  3. What is the purpose of the position panel in Webflow?