Ionic transparent header but keeping navigation button

0
votes

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

1
angularjsionic-framework
Possible duplicate of Ionic hide nav-bar not the buttons - Atula
I faced the same issue. This would solve your problem too - Atula

1 Answers

0
votes

This should work in your case:

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