Side menu hidden by footer [SOLVED]

ionic-v1
1

Hi people!

In my app, the bottom part ( last 2 items ) of the left side menu are being hidden by the side menu,
Not sure if it is a css issue or I hava my footer badly declared.

My footer is my index, decalred like that ( with more css classes )

<ion-nav-view></ion-nav-view>
<ion-footer-bar class="bar bar-footer">
   Footer content here....
</ion-footer-bar>

My menu is in a template with an abstract state ( generated by Ionic ).

Any idea?

2

Talk is cheap, show me code!
~Linus T

3

Sorry, I did put the code but forgot to format it so the forum did’t show:

<body ng-app="starter" animation="slide-left-right-ios7">
    <ion-nav-view></ion-nav-view>
    <ion-footer-bar class="bar bar-footer">
       Footer content here
   </ion-footer-bar>
</body>

My menu is in a template with an abstract state ( generated by Ionic ).

<ion-side-menus>
  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable 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" width="230" ng-controller="LeftMenuCtrl" is-enabled="{{sidebarEnabled}}">
    <ion-content class="white-text">
      <ion-list class="left-menu">
        <div class="menu-logo"> 
            <i class="icon-pool"></i>
            <b> {{APPLICATION_NAME}}}</b> 
        </div>
          <ion-item nav-clear menu-close ng-repeat="item in items" ng-class="{'active-menu-item': isItemActive(item)}" ng-href="{{item.href}}">
              <i class="{{item.iconClass}}"></i>
              {{item.text}}
          </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>
4

Move the ion-footer-bar inside the ion-side-menu-content

1 Like
5

@mhartington I tried, but this puts my app footer inside the sidebar area.
This is not what I need. I need it to be in the whole app but not hidding sidebar content.

Thanks anyway.

6

If you structure the sidemenu like in this example, you should be good. It will be a constant footer and won’t cover any of the side-menu left content.

7

Actually worked that way. Thank you.

8

Thank you, this simple answer helped me a lot!