Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49191

How to make nav-bar transparent?

$
0
0

@stefek99 wrote:

Here is a plunker: https://plnkr.co/edit/m9Cf6e?p=preview

I would like to make the nav-bar transparent.

Any suggestions?


I had a look at this article: http://www.gajotres.net/creating-a-transparent-navbar-in-ionic-framework/2/

.bar.bar-header {
  background: rgba(255,255,255,.10);
  border-bottom-width: 0;
}

I had a look at this SO question and again it isn't working for me: http://stackoverflow.com/questions/31092610/transparent-navigation-bar-in-ionic


Yet another option is to use hide-nav-bar="true" and add custom menu on my own:

<a href="" class="icon ion-ios-arrow-back" ng-click="$ionicGoBack()"></a>
<a href="" class="icon ion-navicon" ng-click="toggleMenu()"></a>

But I think it is better to stick to the default nav-bar after making it transparent.

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49191

Trending Articles