Hi Guys, How to make the header transparent? Before it was so easy… Thank you!

You can use the transparent property on the navbar. <ion-navbar *navbar transparent> <ion-title> Home </ion-title> </ion-navbar>

[image] mhartington: transparent Thank you @mhartington . I’ve tried this way before, but in this case my navbar disappear and my content is not full-screen… What should I do? Thank you.

I still can’t get a transparent header in my project. The only I’ve found its to not use any navbar in my page and its not the best way to keep track of the navigation stack :frowning: Any help, please? Is there any way to make the navbar transparent and the content of my page full-screen? Thank…

Fullscreen mode still not working properly, any help?

Hey everbody, I’m trying make my navbar transparent. i’m using beta 11. Anyone know how to do that? Thanks

Here you are: .html <ion-header no-shadow> <ion-navbar transparent> </ion-navbar> </ion-header> .scss .scroll-content { background: #1e1e1e; } ion-navbar .toolbar-background { background: transparent; } ion-content .scroll-content { margin-top:0px !important; } I hope it hel…

Helps! I get the concepts, but did a litle diferent. But very thanks!

[image] HsuanXyz/ionic2-transparent-bar ionic2-transparent-bar - A transparent bar DEMO in ionic2

[image] mhartington: *navbar transparent when i do this the toggle button disapper is there any solution to make it not hidden

[Ionic 2] Transparent Header

Ionic Framework ionic-v3

jeneser April 5, 2017, 2:15pm 10

There are two solutions here:
View the solution

Topic		Replies	Views
How to make nav-bar transparent? ionic-v1	6	4194	April 28, 2016
Transparent ion-header-bar ionic-v1	11	5220	April 5, 2017
How can I make a transparent toolbar? ionic-v3	42	34424	June 13, 2017
Ionic transparent navbar header bar-- how to achieve it ionic-v1	2	2633	February 2, 2016
Transparent Header ionic-v1	7	18508	April 22, 2016

[Ionic 2] Transparent Header

Related topics