How can I resize top bar correctly on all devices?

Help and Feedback Art Design Support
#1

Hey there! I was recently trying to create a top bar such as Jailbreak but I am failing to do so.

So, here is my topbar:

image
image1920×956 142 KB

And when I resize it vertically, it works fine, staying in the same spot:

image
image1920×976 309 KB

But, when I resize it horizontally, it becomes abnormally small:

image
image1920×972 92.9 KB

To create this, I used a UIAspectRatioConstraint
image

Here are the settings for the constraint:
image

How can I make it so that, resizing it horizontally or vertically, won’t affect the size and positioning of the top bar? I would really appreciate help! Thank you!

#2

Only use UIAspectRatio for things that require to become smaller on different screens.

You should use Auto Scale Lite. AutoScale Lite - Roblox

#3

I used this exact plugin for the TopBar. I clicked the Add Constraint Button

#4

Remove the constraint, it will fix it.

#5

Now it scales horizontally too!

#6

image
Here are the settings for the topbar by the way!

#7

The topbar dimensions are 1, 0, 0, 36. Set the frame size to this value, and remove the aspect ratio.