diff --git a/scss/ionic.app.scss b/scss/ionic.app.scss index cf11d75726e1c47926a877e8d2b15fa937542a4e..e8700c91ee9401f1a8efc47db47ede4a98273a2e 100644 --- a/scss/ionic.app.scss +++ b/scss/ionic.app.scss @@ -371,13 +371,15 @@ $screen-menu: $screen-sm; Left menu =============== */ - // Screen without left menu @media screen and (max-width: $screen-nomenu-max) { - .visible-nomenu { - display: inherit !important; - visibility: visible !important; + .hidden-nomenu { + display: none !important; + visibility: hidden !important; } + .visible-nomenu { + display: unset; + visibility: visible !important; } } @media screen and (min-width: $screen-menu) { .visible-nomenu { diff --git a/www/templates/menu.html b/www/templates/menu.html index a3c126cbd85a211988ad7d3216cabbcae6263a47..9af34b7a3d4212ae655dcffb3aff2e77830c455e 100644 --- a/www/templates/menu.html +++ b/www/templates/menu.html @@ -7,7 +7,7 @@ </ion-nav-back-button> <ion-nav-buttons side="left"> - <button class="button button-clear visible-nomenu " menu-toggle="left" > + <button class="button button-bar button-clear visible-nomenu" menu-toggle="left" > <i class="icon ion-navicon"></i> </button> </ion-nav-buttons>