Hi!
I have created this Sidebar GUI for my game.
However, it looks fine on most devices…
But, on (mostly mobile devices) other devices, it looks really stretched…
How would I go about making it so that it looks nice on every device?
Thank you 
1 Like
Sidenote:
I am using Scales, not offsets at the moment.
Not really sure but try adding a UIAspectRatioConstraint
4 Likes
Check out the UIAspectRatio Constraint
2 Likes
I also use the scale instead of offset. It works very good in my opinion. Very easy to use.
1 Like
Have you seen what it looks like in Physical Size yet? The default emulator preview doesn’t always match what it will look like irl. Just go to the dropdown > Physical Size. You can use a plugin like AutoScale Lite to put a constraint on it, or use a UIAspectRatioConstraint.
4 Likes
Thanks! That seems to do the trick.
Never heard of it until now.
Thanks
2 Likes
No problem! To be honest I had the same problem and then I just spent an hour googling and found it lol.
Also the UI looks great can u show us the game when it’s done or something?
add uiaspectratioconstraint
it will make it look nice on pc as well as andriods
1 Like
Yea here is the game
I built the cafe, and did the GUIS !
https://www.roblox.com/games/1378603945/Coco-Bean-Cafe-V6#!/about
2 Likes
It’s most likely changing sizes on different screens due to using offset instead of scale. To fix that you can change the x & y offset to 0 and drag the ui to fix the size or you can add an aspect ratio.