Iphone X app too large to fit in view

Hi, I am writing an app using the latest ionic version (not at a PC so cannot get exact version or any code). When the app is run on my iphone X or on the simulator, the header and footer is too close to the too/bottom so it doesnt show fully. I have already tried the changing viewport to cover and still no luck. I havent messed with any settings so not sure why it is displaying like this.

Duplicate. Most recent thread I know about this is the following, try to have a look https://forum.ionicframework.com/t/iphone-x-navbar-position/