Mobile UI gets in the way of Custom Hotbar

[acuaro]

Currently, my game has a custom Hotbar that has click implementation so you don’t need to use a keyboard, but on mobile, it’s still unclickable.

The edge of the of the hotbar works fine, but once you get into slots 1-3, they just won’t work. I think this is because of the mobile joystick, but I’m unsure on a way to keep the joystick for movement but allow for the UI to be pressed.

I’ve tried messing with Modal and ZIndex, but none of those have worked.

[UniqJosh]

There is 2 ways to fix it that I know, you can custom the joystick with a script for mobile players or move the hot bar on top for only mobile players.

The way to use a custom joystick is something about “DevTouchMovementMode”.
Forum: DevTouchMovementMode | Roblox Creator Documentation

The other way is to identify the player plataform with “UserInputService”
Forum: UserInputService | Roblox Creator Documentation

[acuaro]

Thanks! I’ll try just moving it up to the top and changing the UI, as I feel that’ll be the simplest approach.

[WHOTEI]

Try this!

local player = game.Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")
local quickbar = playerGui:WaitForChild("Quickbar")

if quickbar then
  quickbar.Visible = true
  quickbar.SlotCount = 5
end