iOS status bar overlapping contents

The accepted answer from sunil is no longer relevant, the plugin is deprecated.

Use the following in your config.xml

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="StatusBarStyle" value="lightcontent" />
<plugin spec="https://github.com/apache/cordova-plugin-statusbar.git" source="git" />

Add these lines to your config.xml file

<preference name="StatusBarOverlaysWebView" value="false" />
        <preference name="StatusBarBackgroundColor" value="#000000" />
        <preference name="StatusBarStyle" value="lightcontent" />
      <gap:plugin name="com.phonegap.plugin.statusbar" />

This can be accomplished with the help of the statusbar plugin. All you need is to install the plugin via the command line phonegap plugin add https://github.com/apache/cordova-plugin-statusbar.git and then add StatusBar.hide(); onDeviceReady event.