Can you use multiple ion-footers?

Ionic Framework
1

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 PM
Screen Shot 2021-07-20 at 4.42.15 PM632×512 68.5 KB

2

Multiple footers? Technically yes, but how you’re doing it is not correct.

You should try to avoid this, if possible. Otherwise you need to make some custom css to account for the new size. Not impossible, but not ideal as it could break in the future.

3

1 footer per app. Got it. Thanks for confirming this is not the intended way of using footers