Empty spacing on the top of UI elements, Mobile

There is a ugly white space between the UI element and the border of the game. How would I remove it? It only occurs on mobile, samsung note 8 specifically. 1080 x 2220. Couldn’t replicate the screen in Studio as Roblox doesn’t allow sizes to be over 2140.

  1. What is the issue? Include screenshots / videos if possible!

I’ve been always used Scale instead of Offset. I’ve duplicated the background elements and change the scale of Y to ‘2’, set the ZIndex to a negative value. Definitely lower than other elements shown on screen.

Any help would be greatly appreciated. Is there any fix for the spacing on the top? Also if possible, what is causing the black line above the scrolling frame, as seen on the mobile view.

To cover the whole screen, your ScreenGui needs to have IgnoreGuiInset set to true and then set the frame’s size to 1,0,1,0.

The black line is there most likely because one if your frame’s BorderSizePixel is not 0.

1 Like

Thanks! :smiley:

1 Like