Ionic 4 PWA hide toolbar buttons when ion-menu-button is visible

#1

I’m trying to create a typical web page menu, in the toolbar, using three buttons, and I want them to be hidden when the ion-menu-button becomes visible. i.e. when the screen size is too small to show them.

Is there an ion- construct that does this, or do I have to do it with css, or some other way?

#2

Hello,
maybe you are looking for media queries https://www.w3schools.com/css/css_rwd_mediaqueries.asp

If you wanna in sync with ionics media queries, then take a look to nodes-module folder, where is ionic folder, that contains ionics css’s. Search for media and look to width in pixel.

Best regards, anna-liebt

#3

Thanks, I thought Ionic might already have a method to do this - ion-auto-hide-toolbar-buttons - or something? :slight_smile: