Ion footer hiding

Ionic Framework ionic-v3
1

Hello all
im using sidemenu ionic 2
and instead sidemenu im adding toolbar footer
here my code

<ion-menu persistent="true" [content]="content" (ionClose)="collapseMenuOptions()">
<ion-content>
  <div padding class="menu-left menu-bg">
    <a menuClose>
      <img class="profile-picture img-responsive" src="img/logo.jpg">
    </a>
  </div>
  <side-menu-content [accordionMode]="true" [options]="options" (selectOption)="selectOption($event)"></side-menu-content>
</ion-content>
<div *ngIf="store == 2" >
	<ion-footer>
	  <ion-toolbar color="primary">
	    <p text-center style="color: white;" (click)="toko_saya()">Toko Saya</p>
	  </ion-toolbar>
	</ion-footer>
</div>
<div *ngIf="store == 1" >
	<ion-footer>
	  <ion-toolbar color="primary">
	    <p text-center style="color: white;" (click)="buka_toko()">Buka Toko</p>
	  </ion-toolbar>
	</ion-footer>
</div>
<div *ngIf="store == 3" >
	<ion-footer>
	  <ion-toolbar color="primary">
	    <p text-center style="color: white;">Toko Sedang diproses</p>
	  </ion-toolbar>
	</ion-footer>
</div>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

here the output

image
WhatsApp Image 2017-06-29 at 1.32.50 AM.jpeg720×1280 60.4 KB

you can see i have logout button little hidded insted toolbar footer, at some device logout button really hidding instead toolbar footer
how can fixed that ??

2 Likes
2

I believe <ion-footer> must be a root-level element - i.e. no wrapping it inside of <div>s.

3

din tag is just for ngIf

4

you can apply ngIf on ion-footer directly.

5

i changed.
but not effect anyone

6

I am also facing same issue. Have you got solution?

7

Maybe this will help you