Is there a way to hide the navBar when the route is "/"?
I managed to successfully hide/show the navbar, but the issue arises when the navbar is hidden. The "app-body" div then has 50px of padding top (where the navbar should be).
Here is my HTML code:
<body ng-app="myApp" ng-controller="MainController" ui-prevent-touchmove-defaults>
<div class="app">
<!-- Navbars -->
<div ng-hide="isActive('/')" ng-controller="NavBarController">
<div class="navbar navbar-app navbar-absolute-top">
<div class="navbar-brand navbar-brand-center" ui-yield-to="title">
Mobile Angular UI
</div>
<div class="btn-group pull-left">
<div ui-toggle="uiSidebarLeft" class="btn sidebar-toggle">
<i class="fa fa-bars"></i> Menu
</div>
</div>
<div class="btn-group pull-right" ui-yield-to="navbarAction">
<div ui-toggle="uiSidebarRight" class="btn">
<i class="fa fa-comment"></i> Chat
</div>
</div>
</div>
</div>
<!-- App Body -->
<div class="app-body">
<ng-view class="app-content"></ng-view>
</div>
</div>
</body>
The first image showcases the layout with the visible navbar. https://i.sstatic.net/lCI1q.png
The second image displays the layout with the hidden navbar.
https://i.sstatic.net/ai0jz.png
In the second image, you can notice a grey section at the top. Am I doing something wrong?
Any advice or insight would be greatly appreciated!