How to fix this? [GUIs moving when screen size change]

So I wanted to do a kinda story game bar. There is a ViewportFrame and 2 textLabels.
Here is a screenshot.
Everything seems to work perfectly, but when the screen size changes the textLabels move and mess all.

Screenshots

My screen

Iphone

Xbox one

Here you can see my Properties and Explorer:

Explorer

ViewportFrame properties

"Name" properties

"Text" properties

So the real question here is… How can I fix this?

Please reply back and feel free to ask for more properties to fix this!
Also, I have read topics about this but could not found the way to solve it!

Forgot to mention that… I used scale for everything instead of offset, thx!

Here’s the thing about scale. if you set the UI position to {.5,0}{.5,0} and the anchor point to .5,.5 the UI will ALWAYS be in the exact center of the window no matter the size of the window or the UI

but if you do the position this is how i think it works on offset it will go by pixels on the screen

1 Like

If the issue is just that the back of the text clips into the zombie thing, just set the AnchorPoint’s X value on the labels to be 1, so the position will be based off the right side of the frame. Then play around with it until it works.

4 Likes

Problem solved, thx!

Images