Stack slider numbers & Margin Percentages

Discussion:
What is going on with the slider numbers in stacks?
What determines them?
Why do margins adjust in weird and random ways?

Let me clarify: in Wix Studio, you can select multiple elements and place them in a stack.
Once the elements are stacked, the spacing between them can be set by dragging the small slider in the space separating the items.
However, these numbers seem to be random.

A similar issue appears when setting margins for elements (regardless of wether they are placed in a stack).
When applying margins to elements, the selector offers percentages as an option.
However, these appear to be completely random.
A 5% margin on the top of one element may correspond to a 25% margin on the bottom of the same element.
Similarly, a 10% top margin on one element may correspond to a 50% top margin for another element, despite both having the same height.

What are you trying to achieve:
Is there a definite answer to what these numbers actually represent?
Am I the only one experiencing this issue / confused by the workings of this?
Maybe I am missing something obvious, could anyone delucidate?

Additional information:
None

Hey @Gabriele_Ballerio!

This is a really great question :raised_hands:.

If I’m understanding correctly, what you’re experiencing is the fact that these are responsive measurements.

When thinking in terms of Wix Studio, there are 2 types of measurements, static/fixed or responsive. Fixed measurements are things like, px, and responsive measurements are % VH/VW etc.

I think the best way to explain it is in terms of the width of the screen (which can then be applied to different scenarios).

Imagine I have a screen with a width of 1920px, and another screen with a width of 1080px. If I wanted a margin on either side of the screen I could either set it as a responsive measurement or a fixed.

Let’s say I choose 10% margin on either side. On the 1920px a 10% margin would give me 192px on the left and 192 on the right.

That same 10% on the 1080px screen would be 108px on the left and on the right.

If we take the same scenario, and I choose a fixed measurement, like 100px, no matter the screen size, it would be 100px on both 1920 screen and 1080.

This article goes into a but more depth about how it all works - Studio Editor: Setting the Size of Your Elements | Help Center | Wix.com

Let us know if you have any questions :slight_smile:

1 Like