ImageLabel position constraint different in studio and in-game

Hi, so I’m having a problem with my UI design. I made a basic timer out of an imagelabel (to make the UI rounded) and I want it to be on the top in the middle of the screen, so I changed the anchorpoint of the imagelabel to 0.5, 0 and in the studio window it looks fine:


It is in the middle of the screen and on the top (how I want it).
But when I press play in studio or on my published game this is how it looks:
Capture2
It’s not on the top of the screen?! I really don’t know what’s happening here. The size of my imagelabel is {0.35, 0}, {0.1, 0}, position is {0.5, 0}, {0, 0} and SizeConstraint is set to RelativeYY

This is how the explorer looks:
Capture3

One thing I found is that if I place the GUI higher than 0 so -0.1 for example it looks to high on studio but it is perfect when you play the game. But I don’t think that is really a good solution, because I can’t see the UI I’m working on in studio… I really don’t know what I can do. Thanks for any help on this!
(btw this is my first GUI design, if you didn’t already notice… :upside_down_face:)

The topbar is getting in the way, just click on the HUD ScreenGui and check “IgnoreGuiInset” to true.

1 Like

Thanks for the quick reply! Wasn’t expecting this to be so simple. Thanks alot!

1 Like