Hide Tabs in desktop view

Ionic Framework Ionic Angular
1

Hi there I’m very new to ionic/angular and at developing overall, I want to implement tabs for my page routing in a phone or tablet view and when people view it on a desktop the bottom tabs disappear. I’m kind of lost on how can I accomplish this, Can someone put me in the right direction?

2

use css media query to hide or show your tabs

@media screen and (min-width: 0px) and (max-width: 400px) {
  .tabs{ display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
 .tabs{ display: none; }   /* hide it elsewhere */
}
1 Like
3

Thanks, that worked great for me.