It's all pages experiencing the problem, some don't have ion-pane
, a simple button in a page will be shifted. Here's my index.html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>XX</title>
<link href="css/ionicons.css" rel="stylesheet">
<!-- compiled css output -->
<link href="css/hint.css" rel="stylesheet">
<link href="css/ionic.app.css" rel="stylesheet">
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/directives.js"></script>
<script src="js/services.js"></script>
<script src="js/filters.js"></script>
<script src="lib/ionic/js/collide.js"></script>
<script src="lib/ionic/js/ionic.tdcards.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
</body>
</html>
And a page has a format of:
<ion-view>
<ion-content>
</ion-content>
</ion-view>