How can I make the navigation bar transparent on Android 4.4.X and above?
I have searched in the documentation, but found nothing about this.
Creating a transparent navbar is very easy - just don't add a color class . bg-* to the navbar. In this case, the Navbar will take the color of the parent's background color.
How to remove opacity or transparency from sticky navigation/menu bar. If you want to remove the opacity or transparency from the sticky navigation bar, just navigate to Theme Options -> General -> Additional CSS and copy/paste this code and save changes.
I have taken this from the change log for Android KitKat (4.4):
Translucent system bars
You can now make the system bars partially translucent with new themes,
Theme.Holo.NoActionBar.TranslucentDecor
andTheme.Holo.Light.NoActionBar.TranslucentDecor
. By enabling translucent system bars, your layout will fill the area behind the system bars, so you must also enablefitsSystemWindows
for the portion of your layout that should not be covered by the system bars.If you're creating a custom theme, set one of these themes as the parent theme or include the
windowTranslucentNavigation
andwindowTranslucentStatus
style properties in your theme.
Hope this helps get you started.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With