My GUI won't stay the same size or position across all devices

So recently I tested my game on my iPad 7, and I realized that one of the GUI’s wasn’t in the correct spot on the screen. It looks just fine on my PC, both in Studio and in-game. This isn’t the first time this has happened to me, and I actually have the AutoScale Plus plugin, which has always worked for me in the past. However, no matter what I do, the GUI just won’t stay in the same spot across all devices, and I have no clue how to fix it.

In Roblox Studio on my PC:
EX1

In the game on my PC:

On my iPad 7 on the Studio Emulator and the actual device:
EX3

As you can see, the dialogue box itself is no longer touching the bottom of the screen, the hexagons don’t fit inside the box properly, and the NPC nametag is hovering way above everything else. Can someone tell me how to fix this please?

1 Like

I would recommend you read this:

2 Likes

It didn’t work, somehow made it worse, actually. This is super weird.

hmmm. thats weird…

Summary

This text will be hidden

The post I sent talks about constraints…

Anybody have any other ideas on how to fix this?

Can you use scale and offset for the gui?

I have tried both and using scale has yeilded a better result, however it still scales weird on other devices.

As far as the position changing, you can use Anchor Points.

I have never used anchor points, how do they work?

You can read about here and shows example:

https://developer.roblox.com/en-us/api-reference/property/GuiObject/AnchorPoint

It will anchor the gui to a position on the screen and never move it from there.

2 Likes

They should be in the same Frame to maintain the spacing.

1 Like