diff --git a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.css b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.css
index 92ffd5d698..67b3e4fa4c 100644
--- a/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.css
+++ b/ng2-components/ng2-alfresco-viewer/src/pdfViewer.component.css
@@ -4,6 +4,7 @@
 
 .viewer-loader-text {
     text-align: center;
+    color: #000;
 }
 
 :host .page {
diff --git a/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts b/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
index 53efcd288d..22c2cdc91d 100644
--- a/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
+++ b/ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
@@ -42,6 +42,8 @@ export class ViewerComponent {
     @Output()
     showViewerChange: EventEmitter<boolean> = new EventEmitter<boolean>();
 
+    otherMenu: any;
+
     nameFile: string;
     currentPdfDocument: any;
     page: number;
@@ -52,6 +54,7 @@ export class ViewerComponent {
 
     ngOnChanges(changes) {
         if (this.showViewer) {
+            this.hideOtherMenu();
             if (!this.urlFile) {
                 throw new Error('Attribute urlFile is required');
             }
@@ -71,6 +74,9 @@ export class ViewerComponent {
      * close the viewer
      */
     close() {
+        if (this.otherMenu) {
+            this.otherMenu.hidden = false;
+        }
         this.showViewer = false;
         this.showViewerChange.emit(this.showViewer);
     }
@@ -151,4 +157,10 @@ export class ViewerComponent {
         return localStorage.getItem('token');
     }
 
+    private hideOtherMenu() {
+        this.otherMenu = document.querySelector("header");
+        if (this.otherMenu) {
+            this.otherMenu.hidden = true;
+        }
+    }
 }