iOS website content is shown in the background of the status bar

I’m having an issue where content is scrolling past the menu and into the status bar where the site has pushed down - I found this image to visually describe the issue I’m also having.

Is there a quick fix or plugin? It’s a dated app, but still works! - using jQuery Mobile. :upside_down_face:

Have you looked at the cordova-plugin-statusbar plugin?

OK yes - I was able to get this to work by by including the following in the config.xml:

 <!-- fixes transparent status bar with notch on iOS -->
 <plugin name="cordova-plugin-statusbar" source="npm" />
  
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#734193" />
<preference name="StatusBarStyle" value="lightcontent" />

I also included this onDeviceReady:

        StatusBar.overlaysWebView(false);
        StatusBar.backgroundColorByHexString("#734193");
        StatusBar.styleLightContent();