Problem with margins on mobile with the Air Theme

UX
,
1

Priority/Severity:
Low/Somewhat vexing

Platform:
Device type: mobile
Operating System: iOS
Web browsers: Firefox Focus, Safari and Brave

Description:
On mobile the Air Theme seems to cause problems with the margins. The margins are not set properly so that the user has to scroll to the left and right to see the whole page. For example, the user has to scroll to the right to see the sidebar menu icon.

There also seems to be a problem with setting the proper background for the text.

Example of the bug:

Reproducible steps:
The problem disappears in safe-mode (i.e. disabling the Air Theme).
The problem remains in safe-mode if the Air Theme is still enabled.
The problem remains even if all theme components are disabled (except the Air theme)

Holding the phone horizontally; the problem disappears.

Using the standard theme instead of the Air Theme; the problem disappears.

2 Likes
2

This is also an issue on Android.

I also see this at times on graceful-theme & ghost-theme

So this might be an issue in general on mobile when using background containers. But cannot say for sure Dave with the above themes.