How can I hide the interface?

Ask the community
1

Working with a site that uses 100vh as my row height for a grid. It looks completely different in the editor than in a published version of the page because of the proportions being skewed by the very cumbersome wix UI.

Is there not anyway to get all this off the screen?

Edit for clarity:
the aspect ratio is completely different in the editor than on a published version of the site due to the UI that runs alongside the edges of the screen. In my editor, my 100VH rows are adapting to this reduced size that does not exist in the published version.

any tips?
see images below

1919×930 260 KB

Here the row height is the exact size of the editing area

1920×924 217 KB

Here the row height is much larger, as it adapts to almost the full frame. I haven’t upgraded this account yet, so there is still that flag at the top.

2

please, share the screenshot of what you are seeing on your end, along with the site link, so other Community Members will be able to see, what you are referring to, @natewest-accts

3

@andrewt Thank you. I updated the post. Can you give me any insight in to how reduce the size of the UI so that the VH more accurately adapts to a full browser height instead of the reduced size created by the UI?

4

we need to get better understand on which unit of measure you are using for the docking of this textbox, is this %, PX or VH and VW?

At the same time, in case you would like to be as close as possible to the existing viewport, you can setup the value of the screen at the top side of Editor X

Here is the small video example attached:

5

Sorry, I’m not referring to the text box. I’m referring to the blue background. In the editor it my VH is the size of the screen minus my chrome UI, and minus the WIX editor UI. So it’s a very small window that is also very long. When I switch over to the published side it expands to almost full browser height. I’m trying to find a way to make it mirror the live side as much as possible. I am aware I can stretch the screen on the sides in the editor, but that does not get rid of the constraint put on the VH by the UI, so its making it very difficult to figure out how things look proportionally.

6

Might recommend checking out the viewport size of your browser (I like using https://whatismyviewport.com/ to check) and then build and preview the Editor using that viewport.