[Solved] Bigger subheader works in browser/android/mobile safari but not in IOS build


#1

I need the subheader in a sidemenu-type app to be bigger to fit more content.
I changed its size and the content offset and it seems to work.
codepen

The problem is that it works perfectly in desktop, android build and mobile safari but it doesn’t work in ios build. The content is under the header.

Screenshots:
Desktop
Android build
Mobile Safari
IOS Build

The CSS seems simple and straightforward. Any ideas?


#2

Aaaaaand I can answer my own question:

There are specific css classes (.platform-ios) that affect the position of the headers because apparently the 0,0 position is under the device’s status bar.

Everything is padded 20px to push down the content.