diff --git a/e2e/app.e2e-spec.ts b/e2e/app.e2e-spec.ts
index e64330a5..2a830fdb 100644
--- a/e2e/app.e2e-spec.ts
+++ b/e2e/app.e2e-spec.ts
@@ -1,4 +1,5 @@
 import { AppPage } from './app.po';
+import { browser } from 'protractor';
 
 describe('rxjs-docs App', () => {
   let page: AppPage;
@@ -11,4 +12,13 @@ describe('rxjs-docs App', () => {
     page.navigateTo();
     expect(page.getPageTitle()).toEqual('RxJS Docs');
   });
+
+  it('should not display title if the window is mobile', () => {
+    browser
+      .manage()
+      .window()
+      .setSize(320, 480);
+    page.navigateTo();
+    expect(page.getPageTitleReference().isDisplayed()).toBeFalsy();
+  });
 });
diff --git a/e2e/app.po.ts b/e2e/app.po.ts
index 4b4a55c9..250309c3 100644
--- a/e2e/app.po.ts
+++ b/e2e/app.po.ts
@@ -8,4 +8,8 @@ export class AppPage {
   getPageTitle() {
     return element(by.css('span.title')).getText();
   }
+
+  getPageTitleReference() {
+    return element(by.css('span.title'));
+  }
 }
diff --git a/src/app/core/components/toolbar/toolbar.component.html b/src/app/core/components/toolbar/toolbar.component.html
index 25258b23..0c2ec586 100644
--- a/src/app/core/components/toolbar/toolbar.component.html
+++ b/src/app/core/components/toolbar/toolbar.component.html
@@ -1,30 +1,37 @@
-<mat-toolbar color="accent" class="mat-elevation-z6">
-  <button mat-icon-button (click)="navOpen()" aria-label="menu" value="menu">
-    <mat-icon>
-      menu
-    </mat-icon>
-  </button>
-  <a routerLink="/" aria-label="ReactiveX" class="mat-button" aria-disabled="false">
-    <span class="mat-button-wrapper">
+<mat-toolbar color="accent" class="mat-elevation-z6" fxLayout="row" fxLayoutAlign="space-between center">
+  <div>
+    <button mat-icon-button (click)="navOpen()" aria-label="menu" value="menu" fxFlex="10">
+      <mat-icon>
+        menu
+      </mat-icon>
+    </button>
+    <a routerLink="/" aria-label="ReactiveX" class="mat-button" aria-disabled="false" fxFlex="10">
+      <span class="mat-button-wrapper">
         <img src="assets/img/Rx_Trnsprt_Logo-48-48.png" alt="RxJS Docs Home">
-    </span>
-  </a>
-  <span class="title" fxFlex> 
-      RxJS Docs 
+      </span>
+    </a>
+  </div>
+
+  <span class="title" fxHide fxShow.gt-sm>
+    RxJS Docs
   </span>
 
-  <span class="title" fxFlex> WARNING: This is BETA site </span>
-  <button mat-icon-button [matMenuTriggerFor]="appMenu">
-    <mat-icon>language</mat-icon>
-  </button>
-  <mat-menu #appMenu="matMenu" [overlapTrigger]="false" xPosition="before">
-    <button mat-menu-item *ngFor="let language of languagesList" (click)="onLangSwitch(language)">
-      {{language.nativeName}}
+  <span class="title" fxHide fxShow.gt-sm> WARNING: This is BETA site </span>
+
+  <div>
+    <button mat-icon-button [matMenuTriggerFor]="appMenu">
+      <mat-icon>language</mat-icon>
     </button>
-  </mat-menu>
-  <a aria-label="GitHub Repository" target="_blank" class="mat-button" href="https://github.com/ReactiveX" aria-disabled="false">
-    <span class="mat-button-wrapper">
-      <img src="assets/img/GitHub-Mark-Light-64px.png" alt="ReactiveX GitHub Repository"> GitHub
-    </span>
-  </a>
-</mat-toolbar>
+    <mat-menu #appMenu="matMenu" [overlapTrigger]="false" xPosition="before">
+      <button mat-menu-item *ngFor="let language of languagesList" (click)="onLangSwitch(language)">
+        {{language.nativeName}}
+      </button>
+    </mat-menu>
+    <a aria-label="GitHub Repository" target="_blank" class="mat-button" href="https://github.com/ReactiveX" aria-disabled="false">
+      <span class="mat-button-wrapper">
+        <img src="assets/img/GitHub-Mark-Light-64px.png" alt="ReactiveX GitHub Repository"> GitHub
+      </span>
+    </a>
+  </div>
+
+</mat-toolbar>
\ No newline at end of file