Ion-tabs item isn't at the top

ionic-v1
1

Hello!

I’m trying to create a menu at the top of the screen but it doesn’t work. I think the problem is with “tab-nav” because it has at the top 44px of position. But I didn’t program any “tab-nav” so…I don’t know how to change it!

menu.html

<ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
  <!-- Tab 1 content -->
</ion-tab>

<ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
  <!-- Tab 2 content -->
</ion-tab>

<ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
  <!-- Tab 3 content -->
</ion-tab>
2

Hi, @aitortxug

Could you try


.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { 
      $ionicConfigProvider.tabs.position('top'); 

      $stateProvider

        .state('tab', {
        url: "/tab",
        abstract: true,
        templateUrl: "templates/tabs.html"
      })

Hope this will solve your issue

Thanks,

4

Thanks, but nothing changed…

aa