Calculating Sticky Top Offset Within a Grid

Hi,

I have a grid with 11 rows inside it. There are some text boxes and lines indicated by blue lines whose position type is set to sticky .

I am not sure how to calculate the top offset needed for these entities. Since they are within a grid, their measurements are shown in relation to the grid row they are in. However, the measurement for a sticky-entity’s top offset is in relation to the section it is inside of, not its grid row.

I want these sticky objects to have an offset as they appear in the editor. There doesn’t appear to be a way to see an object’s measured position within a grid relative to the section itself.

Hi @connorlucca29540 ,

You can set the offset of each element to the height of the total rows above it.
also, I recommend to place relevant text and line in their own container and set that container as the sticky element, instead of setting both the texts and the lines as sticky. furthermore, make sure to set the all the grid rows to px or vh, so that the offsets and rows height will be always the same. Check the Editor X Interior design firm template for a build example:
https://create.editorx.com/website-template/view/html/3046

I had this issue too. I think the solution is to apply the grid AFTER you have positioned the elements as you wish and worked out the offset value. I think you can then adjust the grid on canvas so that it does not disturb the positioning. Once you have applied the grid, you can then allocate each line of text to the relevant grid rows.