Overriding default platform styling

I have a tabbed interface, and I want tabbed to appear at the bottom. But Ionic is adding tabs-top class when it detects the device as Android. I want to override that and make a tab appear at the bottom of the page. How do I do it?

What does your HTML look like where your tabs are defined? That might be your issue :smile:

Take a look through the docs here:



And make sure they’re configured as per the Ionic documentation, bottom tabs are the norm when configured correctly :smile:


You are not getting my point. In nightly build this problem is visible.

http://codepen.io/ionic/pen/odqCz Visit this link and open your chrome dev tools, and choose Nexus 5 as your emulator. Tabs appear on the top. How do I override that. I have two instances of the tab at the same page. One at the top and another at the bottom. But right now both tabs appear at the top in android devices. Inline style is not working.

@siddhartha I had the same issue but it’s just been solved here : Disable ionic platform styling [Solved]


Did not look at the new docs. Thanks it helps.