Splash page aspect ratio keeps getting squished despite setting position and size or aspect from dropdown

mmoeen

Hi All,

I'm struggling to set an aspect ratio for my experience builder app that won't change after I publish my page. Currently, I set the aspect ratio at 1920 X 1080 or adjust the position and size in the window options, and in the display it looks like the splash page will be displayed correctly. However, when I check the published page afterwards everything looks distorted.

Display:

Settings:

Published splash page:

It seems to fluctuate randomly. At times, the red "proceed to map" box is off more to the left or right (even after I positioned it correctly)... or the rest of the spacing is off, etc..  

Any guidance or help would be much appreciated!

Best,

Mariam

WesleyO

Hi @mmoeen ,

Based on the screenshots you shared, my assumption is that you are using a relative height/width for the splash while the button uses a fixed height/width.

If you like the size of the splash as it is and would like it to stay that way no matter the size of the window, I suggest you change the size from "%" to "px". It should automatically do the conversion of your current value.

Otherwise, if you like how the splash resizes with the size of the window, then you should change the button's size from "px" to "%".

I only mentioned the button, but the same settings can be applied to the rest of the contents inside the splash window.