Side menu with different sets of tabs?


I’m trying to create an Ionic app with a side menu as well as multiple tabs.
I can find tutorials which show how to combine a side menu with 1 set of tabs, however I’m wanting different sets of tabs.

Numbers being side menu items, letters being actual pages
1>page A(no tabs)
2>page with tabs B/C/D
3>page with tabs E/F/G


A side menu is typically used for navigation. Tabs makes it easy to navigate between your App’s pages.

Tabs has pages (pages don’t have tabs):

<ion-tabs #tabs selectedIndex="2" (ionChange)="onIonChanged($event)">
  <ion-tab [root]="tab0Root" tabUrlPath="activity-tab" tabIcon="fa-fal-list"></ion-tab>
  <ion-tab [root]="tab1Root" tabUrlPath="location-tab" tabIcon="fa-fal-map-marker"></ion-tab>
  <ion-tab [root]="tab2Root" tabUrlPath="search-tab" tabIcon="fa-fal-street-view"></ion-tab>
  <ion-tab [root]="tab3Root" tabUrlPath="person-tab" tabIcon="fa-fal-user"></ion-tab>
  <ion-tab [root]="tab4Root" tabUrlPath="notifications-tab" tabIcon="fa-fal-bell"></ion-tab>


Unfortunately, I think that’s what I’ve already seen instructions for before.

I’m trying to setup so that I have different sets of tabs.
I’ve found what looks like an old codepen but I can’t work out how to convert it into multiple pages of code

Sorry if this all seems a bit obvious to most


Perhaps you need to rethink your UI?