Ion-tabs align left


#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.


#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;
}