A gap when using Discourse (and other websites using this) on Mobile

Bug
1

This is my first post, so good luck to me.

Hello, i found a bug, when i joined the website (a few mins ago) on mobile. There is a gap, not just in discourse, but other websites using discourse (example is www.devforum.roblox.com).

The reproduction steps are really simple. Just go on mobile and scroll up in the browser.

Screenshot_20201104-130333
Screenshot_20201104-130333720×1600 171 KB

Specifications:
Android 10
Chrome Version 86.0.4240.185.
My resolution is 720x1600.

Help is appreciated. Please tell me if i need to give more information or what’s wrong.

2 Likes
2

I don’t have this: Android 10 Chrome 86.0.4240.110, resolution 412 x 869

1 Like
3

Thanks! I can reproduce the issue on Meta when I select the Graceful theme and browse the site with my Android phone.

4 Likes
4

Do we need a graceful theme header fix @awesomerobot?

3 Likes
5

yep, looks like I missed mobile padding — fix is here:

https://github.com/discourse/graceful/pull/8

Update: Fix is merged, it will be fixed when you update the theme.

6 Likes