Sidemenu buttons on left & right side and Ion Tabs on top of the page instead of header item "title"

I checked many posts related to sidemenu and tabs in the forum but couldn’t find one that helps me. I want to put tabs at the top of the screen in my sidemenu template App. I have sidemenu at both left and right side of the screen. I don’t need Title item in the header bar but need 3 tabs. I tried putting <ion-tabs class="tabs-icon-top tabs-top"> inside <ion-nav-buttons side="left"> and also made .tabs { top: 0 !important; }. This shows my tabs on the top but doesn’t show my <ion-nav-buttons side="right"> which is right after <ion-nav-buttons side="left">. The ion-tabs covers the whole remaining space of the header bar. I tried putting margin, padding on the ion-tabs but no change. Could anyone point out what wrong I am doing?

Thanks in advance