Side menu hidden by footer [SOLVED]

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-footer-bar class="bar bar-footer">
   Footer content here....

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

Any idea?

Talk is cheap, show me code!
~Linus T

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-footer-bar class="bar bar-footer">
       Footer content here

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

  <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-view name="menuContent" animation="slide-left-right"></ion-nav-view>

  <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> 
          <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>

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

1 Like

@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.

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.

Actually worked that way. Thank you.

Thank you, this simple answer helped me a lot!