Can you use multiple ion-footers?

Can you use multiple ion-footers ? Or are you only supposed to use it once through the whole app like you do for <ion-app>?

I am trying to use a general one throughout the app and for certain components I want an additional footer that lives on top of the general footer without overlaying each other.

<ion-app>
  <ion-router-outlet></ion-router-outlet>
  <ion-footer>
      FOOTER #1
  </ion-footer>
<ion-app>

Component File:

<ion-content>
</ion-content>
<ion-footer>
FOOTER #2
</ion-footer>

Can Footer #2 live above Footer #1 without overlaying on top of each other? The yellow button on Footer #2 is hiding behind #1.

Screen Shot 2021-07-20 at 4.42.15 PM632×512 68.5 KB

1 post - 1 participant

Read full topic