Using percentages to determine vertical positioning

Discussion Ask a question
,
1

Hi everyone. I’m trying to build a super simple page - it’s just a logo with a few sentences below. I want them these elements to be centrally aligned on the screen (both horizontally and vertically) on desktop.

The trouble I’m having is with different desktop screen sizes. Is there a way to arrange my elements by percentage height of the screen so that they are always centred, regardless of screen size? I’m not a coder but I’m happy to have a play with developer tools if there are any simple instructions for doing this.

I’d be extremely grateful for any help at all.
Morgan

2

Any solution to this?

3

Currently, I don’t think Corvid supports this feature.
There’s an ugly workaround though:

  1. Put a hidden text box at the top of the screen and to put the element right below it.

  2. Then retrieve the screen size on page load using wix-window getBoundingRect(): https://www.wix.com/corvid/reference/wix-window.html#getBoundingRect

  3. Then set the html property of the hidden text-box to have a line-height of half of the screen size (minus half of the element height), so the hidden text-box will push the element to the middle of the screen.
    However, I believe that this solution can cause other issues if you have other elements in the screen that might be affected from this text-box as well.

4

On bottom line, I wouldn’t recommend using this workaround.