CODEWITHSUNDEEP
angularjsionic-framework
Jibeee
Jibeee

Reputation: 852

Ionic transparent header but keeping navigation button

I'm working on an ionic app, and I'm struggle with this problem for too loog... I would like to remove the header bar (or makes it transparent) but I would like to keep the navigation button. To sum up, I would like to use the slide menu navigation without having the header bar in background.

After researches, I know that

ion-nav-buttons must be immediate descendants of the ion-view or ion-nav-bar element (basically, don’t wrap it in another div).

So I'm stuck here. To illustrate my needs, here is the top of my app :

On left is what is current, on right is what I want to do

Any help is appreciated, thanks a lot

NB : doesn't work for me Transparent navigation bar in Ionic

Upvotes: 0

Views: 428

Answers (1)

Irfan Muhammad
Irfan Muhammad

Reputation: 814

This should work in your case:

.has-header {
    top: 0px;
}
.bar.bar-stable {
    background-color: transparent;
    background-image: none;
}

Upvotes: 0

Related Questions