What can I do about this

Sorry if the topic is wrong but anyways.

I’m working on a game that has a UI, obviously I’m developing and testing it on my computer and there the ui looks fine. And it does too on mobile however I noticed that if you have items in your inventory which you will have when playing this game it will clip over the ui. On my computer the screen is larger so I don’t get that issue. I use scale size for the ui currently

As you can see on mobile it’s clipping and it’s hard to press the buttons beneath it

im away from my pc so i cant fact check this but im pretty sure you can set the gui zindex to be over 1 and it will clip over the weapons

That’s the default Roblox inventory not a custom one

maybe consider using UIConstraints, AnchorPoint , and dynamic layout adjustments (like UIListLayout or UIPageLayout ) to make sure the UI scales properly and avoids overlapping, while also testing on different screen sizes using the mobile emulator

You should just make a custom inventory or move the dialog somewhere else.

You can hide the items in your backpack while a dialog is displayed, but if you need both to be visible at the same time, you can simply place the dialog a little higher.
You can keep the current position and use a script to detect if a player is using a mobile device, and then, move the dialog a little above the itens.

I made my own custom inventory system as someone suggested yesterday but thanks for the reply

1 Like

Try

-- Should be in a localscript
game.StarterGui:SetCoreGuiEnabled("Backpack", false)

Since it’s bigger than the UI display, you can hide it so it looks like the UI is overlapping.