How to show bottom tabs on some screen size only and replace them by side menu in a large screen?

Ionic Framework Ionic Angular
#1

Hi there,
This is my first topic here, so sorry if it’s the wrong place to ask it.
I am mainly a Java developer who started frontend development with Ionic 5.
I am currently stuck on this issue:
I have bottom tabs which are suitable for screens with size <= md, for large screens I would like to replace those tabs with a fixed side menu.
What’s the best way to go?
Thanks a lot for your help.

#2

You should take a look at the Ion Split Pane component.

#3

It seems like Ion Split Pane is for menu not for tabs

#4

Exactly! You’ll use it to control when the sidemenu should be visible. When it’s not then you show the ion-tabs