Clever Geek Handbook

Using striped tabs without ionic header

I am using tabs with no header and I have this white space between tabs and content.

so I want to know if I can override the x css view and fix that white space.

enter image description here

here is my code:

CODEPEN CODE + DEMO

<ion-tabs class="tabs-striped tabs-top tabs-background-dark tabs-color-energized">

        <ion-tab title="hier"ui-sref="help">
           <ion-nav-view name="help"></ion-nav-view>
        </ion-tab>

        <ion-tab title="aujourd'hui" ui-sref="home">
            <ion-nav-view name="home"> </ion-nav-view> 
        </ion-tab>

 <ion-tab title="demain" ui-sref="contact">
            <ion-nav-view name="contact"></ion-nav-view> 
        </ion-tab>



    </ion-tabs>

I am using this css code to put the striped bar up:

.tabs-top >.tabs, .tabs.tabs-top
{
    top: 0 !important;
}
+3


source to share


1 answer


Try the following:

.has-tabs-top {
  top: 50px!important;
}


You have to play with a value that suits your needs.

+1


source






More articles:


All Articles