Using scaling and the ui still doesnt fit the phone screen

I’m trying to make a simple slide navigation bar that comes from the side, the problem is the UI is in frame on the monitor screen but when I go into phone view its completely out of frame, I’m using scaling and I was told to use an UIAspectRatioConstraint I cant figure out how to fix it or why its happening.

Monitor:

Phone:
image

Properties:

UIAspectRatioConstraint
image

Layout:
image

Frame properties:
image

Nav properties:
image

Any help is appreciated.

1 Like

Have you tried using AutoScale? The plugin can be found here:

1 Like

I believe the problem lies within the current properties of your UIAspectRatioConstraint. You can simply fix this problem by changing two of the properties.

Change:
AspectType to ScaleWithParentSize
DominantAxis to Height

These two simple configurations will set it to that it scales it 1:1 by using the pixel size of the Y axis. This prevents it from scaling largely outside of screen borders.

Hope this helps! Good luck.

I still have the same problem.