diff --git a/packages/core/src/components/menu-button/menu-button.tsx b/packages/core/src/components/menu-button/menu-button.tsx
index 7f9c662a28..85ac6978a7 100644
--- a/packages/core/src/components/menu-button/menu-button.tsx
+++ b/packages/core/src/components/menu-button/menu-button.tsx
@@ -40,6 +40,8 @@ export class MenuButton {
 
   componentWillLoad() {
     this.custom = this.el.childElementCount > 0;
+    const closestNav = this.el.closest('ion-nav');
+    closestNav.canGoBack() ? this.el.hidden = true : this.el.hidden = false;
   }
 
   render() {
diff --git a/packages/core/src/components/nav/nav.scss b/packages/core/src/components/nav/nav.scss
index 4bdc326f49..0e9fd5351a 100644
--- a/packages/core/src/components/nav/nav.scss
+++ b/packages/core/src/components/nav/nav.scss
@@ -9,6 +9,7 @@ ion-nav {
 
   z-index: $z-index-page-container;
 
+  overflow: hidden;
   width: 100%;
   height: 100%;