diff --git a/src/components/site-header/site-header.tsx b/src/components/site-header/site-header.tsx
index 8ceb92a483da7123ee407812547329d85344d6c0..deda026530b49462f5010a356e2bf2cb52af2f8b 100644
--- a/src/components/site-header/site-header.tsx
+++ b/src/components/site-header/site-header.tsx
@@ -72,6 +72,13 @@ export class SiteHeader {
   @Listen('mobileMenuToggle') mobileMenuToggle() {
     this.isMenuOpen = !this.isMenuOpen;
     this.menuMobileToggled.emit();
+    let bodyElement = document.getElementsByTagName('body')[0] as HTMLElement;
+
+    if (this.isMenuOpen) {
+      bodyElement.style.overflow = 'hidden';
+    } else {
+      bodyElement.style.overflow = 'initial';
+    }
   }
 
   // Listener for toggling mobile menu top panel on or off.