Increase height menu size

@teddykossoko wrote:

Hi guys, I have a basic side menu and I would like to increase the height of the header div where is my test Location, but when I apply my css, nothing happens. Please how could I do ?

<ion-side-menus>

  <ion-pane ion-side-menu-content>

    <ion-nav-bar class="bar-positive nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i></ion-nav-back-button>

    </ion-nav-bar>

    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

  </ion-pane>

  <ion-side-menu side="left">

  <div class="bar-height">
        <header class="bar bar-header bar-stable">
        <h1 class="title">Locations</h1>
      </header>
  </div>


    <ion-content class="has-header">

      <ion-list>

        <ion-item nav-clear menu-close ng-click="goTo(locationKey)" ng-repeat="(locationKey,location) in locations track by location.name">
          {{location.name}}
        </ion-item>

      </ion-list>

    </ion-content>

  </ion-side-menu>

</ion-side-menus>

and my css is

.bar-height {
    height: 50%;
}

Posts: 3

Participants: 2

Read full topic