How to fit all of this for smaller resolution screen?

How can I ensure that this content is displayed properly on all screen resolutions? When the screen size is reduced and scrolling the “snacks” and “subs” are no longer visible.

1 Like

I think it might be the way you scaled the size of the ScrollingFrame. Could you show us what you set as the CanvasSize?

Hello, Thanks for helping. CanvasSize is: {0, 0},{4.1, 0}

Are the contents of the ScrollingFrame based on pixel offset? If so, you should probably make it scale instead of offset. (e.g. instead of doing {0, 100, 0, 100}, you’d do {1, 0, 1, 0})

Also if the screen ratio is affecting anything, use a UIAspectRatioConstraint in the entire menu GUI to keep it consistent.

1 Like

The way you scaled your CanvasSize makes it so that the size of the canvas (that part you scroll) resizes itself to match the size of your scrollingframe, which you might have also set to match the size of your screen.

You can use the UIListLayout.AbsoluteContentSize property to automatically change the CanvasSize of the ScrollingFrame. When it changes, you can update the size. This always works for me, but make sure to include the top and bottom padding if you want that.