CODEWITHSUNDEEP
javascriptcsstabsionic-framework
Yasser B.
Yasser B.

Reputation: 835

Using striped tabs without header ionic

I'm using striped tabs without header, and i'm having this blank space between tabs and content.

so I want to know if I can override the ion-view css, and to fix this blank 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'm using this css code to put the striped bar up :

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

Upvotes: 3

Views: 1152

Answers (1)

Gofilord
Gofilord

Reputation: 6641

Try this:

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

You should play with the value to match your needs.

Upvotes: 1

Related Questions