How to Prevent iOS Top Bar from Overlapping HTML/CSS Header in an iOS App?

Hello everyone! I've been working on an iOS application using Median, and I've run into a problem where the app's top header menu, which includes a logo and is designed using HTML/CSS, is getting hidden behind the iOS Top Bar. This issue occurs both in the simulator and in the TestFlight version of the app.

I've attached a screenshot below to illustrate the problem. Does anyone know of a way to fix this so that the header appears below the iOS Top Bar?

https://i.postimg.cc/wTzCL87Y/Whats-App-Image-2024-02-01-at-20-12-21.jpg