Ion-tabs align left

ionic-v1
1

Hi,

Any one help me to align the tabs item left side as shown below?
ion-tabs -> ion-tab always center aligned…

see the sample: http://codepen.io/anon/pen/oXzevL
Which always center aligned.

image
Pasted image731×44 4.06 KB

2

Hi,

You can try with modifying .tabs class with this:

.tabs {
-webkit-justify-content: left !important;
justify-content: left !important;
}

Example:

3

Thank you. It is working fine.

4

For iPad(Safari) - do the below

.tabs {
-webkit-justify-content: flex-start !important;
justify-content: flex-start !important;
}