Understand positioning & docking with Wix Studio

Learn to customize your layout using position, docking, margins and padding.
In this lesson, we’ll cover how to tailor the positioning of your elements using docking, margins and padding across different screen sizes.
Complete the Course Challenges Here:
www.wix.com/studio/academy/co...
--
0:00 - Intro
0:35 - Docking demonstration
1:33 - Use auto docking
3:00 - Change docking behavior
3:55 - Edit your margins & padding
-
Learn more about Wix Studio:
www.wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com
Follow us on social media:
➔ Instagram: / wixstudio
➔ X: / wixstudio
➔ TikTok: / wixstudio
➔ Facebook: / wixstudio
About Wix Studio:
The end-to-end platform for agencies and enterprises to create and manage exceptional sites with extreme efficiency. Smart design features, flexible dev tools and streamlined management capabilities mean you can do more, at scale.
Subscribe to our channel:
➔ www.youtube.com/@WixStudio?su...

[@petermckinnon3104]

Why are you unable to put margin on a section & only padding?

[@WixStudio]

Hey Peter, to create or edit a margin: 1. Select the relevant element. 2. Click the Open Inspector icon < at the top right of the editor. 3. Scroll down to Position. 4. Click a margin (e.g. top, left) under Docking, margins and padding. 5. (Optional) Click the Edit individually icon to only edit the side you selected. 6. Enter a value for the margin. Learn more here > support.wix.com/en/article/studio-editor-positioning-elements#using-margins-when-docking-elements