Ionic start sample tabs

The default tabs template is showing menu tabs on top rather than being on the bottom.
What has changed. I am still using ionic and not ionic 2

Here is the snapshot.

https://dl.dropboxusercontent.com/u/78259188/Screen%20Shot%202016-10-25%20at%2023.38.43.png

Hi vchauhan,

Please review your tabs.html file and in that review

<ion-tabs class="tabs-icon-top tabs-top tabs-color-active-positive">

this line. If tabs-top class is there then please remove it.

I checked that and it doesn’t have that class. Here is what I have.


Its working fine on the ionic serve but not on the emulator/phone.

ok then in your .config() function add below mentioned line

$ionicConfigProvider.tabs.position('bottom');

Hope this will help you.

1 Like

I tried to force it to bottom with


but still behaves the same on device.

Will check the config option now

This worked.

Thanks a lot…!

Welcome :slight_smile: ,

if answer worked for you then you can always like the answer by clicking on Heart symbol.

Thanks,