diff --git a/src/scripts/navigate-event.js b/src/scripts/navigate-event.js
index c84739244be277e99a1fe77de4c5e54ae0cfc781..739df7affafa828b5e3d5935273e32275ebb72c4 100644
--- a/src/scripts/navigate-event.js
+++ b/src/scripts/navigate-event.js
@@ -44,12 +44,12 @@ Array.from(buttons).forEach(button =>
     if (button.classList.contains('icon-close')) {
       button.classList.remove('icon-close');
       button.classList.add('icon-options-vertical');
-      rightMenu.setAttribute('hidden', '');
+      rightMenu.classList.add('sm-hidden');
     }
     else {
       button.classList.remove('icon-options-vertical');
       button.classList.add('icon-close');
-      rightMenu.removeAttribute('hidden');
+      rightMenu.classList.remove('sm-hidden');
     };
   })
 )
@@ -66,12 +66,12 @@ contentControls.forEach(
         if (contentButton.classList.contains('icon-close')) {
           contentButton.classList.remove('icon-close');
           contentButton.classList.add('icon-options-vertical');
-          contentSidebar.setAttribute('hidden', '');
+          contentSidebar.classList.add('sm-hidden');
         }
         else {
           contentButton.classList.remove('icon-options-vertical');
           contentButton.classList.add('icon-close');
-          contentSidebar.removeAttribute('hidden');
+          contentSidebar.classList.remove('sm-hidden');
         };
       })  
     )
diff --git a/src/styles/content/_index.scss b/src/styles/content/_index.scss
index 71b14af9d6d0a206fccd8e5bfa310b9b2e772c01..8ca009fe9f4c523a2d501f7f1bff9355198857ec 100644
--- a/src/styles/content/_index.scss
+++ b/src/styles/content/_index.scss
@@ -69,7 +69,9 @@ main {
 
     /* Styles use with JS to open/close the sidebar */
     &.jsRightMenu {
-      display: block;
+      @media (min-width: 768,01px) {
+        display: block;
+      }
 
       @media (max-width: 768px) {
         position: fixed;
diff --git a/src/views/page-admin.pug b/src/views/page-admin.pug
index 81fb33512d577618693afef24b46ed891981d925..f7adb473a99fa9742093f06b572094e00ce78b33 100644
--- a/src/views/page-admin.pug
+++ b/src/views/page-admin.pug
@@ -57,7 +57,7 @@
           )
             include partials/admin/page-admin-chat-create.pug
 
-  nav.jsRightMenu.text-disable-selection.sidebar.whitespace-normal(role='navigation')
+  nav.jsRightMenu.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
     .segment.whitespace-normal.text-color-heading.text-bold
       ul
         li.segment.full.sm-hidden.padding-small.text-normal.jsOffsiteToggle
diff --git a/src/views/page-circle.pug b/src/views/page-circle.pug
index a3a08682081a324ec7e59eceb60f6bea95b1a0da..dbb98ef2e12cba7456c49374380e2b885d04392c 100644
--- a/src/views/page-circle.pug
+++ b/src/views/page-circle.pug
@@ -41,7 +41,7 @@
           )
             include partials/circle/page-circle-polls.pug
 
-nav.jsRightMenu.text-disable-selection.sidebar.whitespace-normal(role='navigation')
+nav.jsRightMenu.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
   solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route=`${component.route}-chat`)
     ul
       li.segment.full.sm-hidden.padding-small.text-normal.jsOffsiteToggle
diff --git a/src/views/page-project.pug b/src/views/page-project.pug
index 834c13f407bc3a8c84021e7bf4eaf8b3c287aa2a..43e415ae9647806e6af8f44adda333dabc0928c9 100644
--- a/src/views/page-project.pug
+++ b/src/views/page-project.pug
@@ -22,7 +22,7 @@
     )
       include partials/project/page-project-picture.pug
 
-nav.jsRightMenu.text-disable-selection.sidebar.whitespace-normal(role='navigation')
+nav.jsRightMenu.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
   solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route=`${component.route}-chat`)
     ul
       li.segment.full.sm-hidden.padding-small.text-normal.jsOffsiteToggle
diff --git a/src/views/partials/admin/page-admin-chat-create.pug b/src/views/partials/admin/page-admin-chat-create.pug
index e6b4207aca55cd9a7c4193349d2111fe2c5b0d9c..b59d8a1a307146decef7bbe32337a466fd84f209 100644
--- a/src/views/partials/admin/page-admin-chat-create.pug
+++ b/src/views/partials/admin/page-admin-chat-create.pug
@@ -4,7 +4,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.half.sm-hidden.text-right
     solid-link(class="backlink", next=`admin-${getRoute('chat', true)}` data-trans='circle.create.backlink')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
   div#loader-users-title.loader.loader
diff --git a/src/views/partials/admin/page-admin-chat.pug b/src/views/partials/admin/page-admin-chat.pug
index 32a3a93726130a9be47079aadca3519e0960544b..8af70194460b60f10c84bc7fd8c15a80fa03a2ea 100644
--- a/src/views/partials/admin/page-admin-chat.pug
+++ b/src/views/partials/admin/page-admin-chat.pug
@@ -2,7 +2,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.full.sm-three-quarter
     h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
 
diff --git a/src/views/partials/admin/page-admin-circles-create.pug b/src/views/partials/admin/page-admin-circles-create.pug
index d5b7e6c5f83e15621c18be1b9b93499815df2d80..696e6274672cf7f45686fae3203f541428f1d679 100644
--- a/src/views/partials/admin/page-admin-circles-create.pug
+++ b/src/views/partials/admin/page-admin-circles-create.pug
@@ -4,7 +4,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.half.sm-hidden.text-right
     solid-link(class="backlink", next=`admin-${getRoute('circles', true)}` data-trans='circle.create.backlink')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
   div.loader.loader-top(id=`loader-admin-${getComponent('circles').uniq}`)
diff --git a/src/views/partials/admin/page-admin-circles.pug b/src/views/partials/admin/page-admin-circles.pug
index 788532f0d764ac8ab719944370a561f7eae612ab..e9c98432565385b7e433142a2629d65f3456a81d 100644
--- a/src/views/partials/admin/page-admin-circles.pug
+++ b/src/views/partials/admin/page-admin-circles.pug
@@ -2,7 +2,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.full.sm-three-quarter
     h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.padding-top-medium.padding-bottom-xsmall.sm-padding-xsmall.sm-padding-top-xxsmall.whitespace-normal
 
diff --git a/src/views/partials/admin/page-admin-projects-create.pug b/src/views/partials/admin/page-admin-projects-create.pug
index 8dd66fed3f5a7ffefa55b50e9fcc7561633f0e7a..467b7ae309ac2dbed08a424fdfe0eb45bc093ebd 100644
--- a/src/views/partials/admin/page-admin-projects-create.pug
+++ b/src/views/partials/admin/page-admin-projects-create.pug
@@ -4,7 +4,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.half.sm-hidden.text-right
     solid-link(class="backlink", next=`admin-${getRoute('projects', true)}` data-trans='project.create.backlink')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
   div.loader.loader-top(id=`loader-admin-${getComponent('projects').uniq}`)
diff --git a/src/views/partials/admin/page-admin-projects.pug b/src/views/partials/admin/page-admin-projects.pug
index 6953b7ca60be8c1f09bf03d80a70c411e295fdae..1258c553dbdf0c91e346647c37552e0f5e1aadb9 100644
--- a/src/views/partials/admin/page-admin-projects.pug
+++ b/src/views/partials/admin/page-admin-projects.pug
@@ -2,7 +2,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
   div.segment.full.sm-three-quarter
     h2.margin-none.text-color-heading.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
 
diff --git a/src/views/partials/circle/page-circle-chat.pug b/src/views/partials/circle/page-circle-chat.pug
index c2a5a48ce3078ddf795d35aa4a93a62561aa0760..80ad844f3d5d57c907ba0ced8606976049c20082 100644
--- a/src/views/partials/circle/page-circle-chat.pug
+++ b/src/views/partials/circle/page-circle-chat.pug
@@ -10,7 +10,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
       class-dash='text-color-heading text-bold'          
     )
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 .chat-view.segment.full.whitespace-normal
   solid-xmpp-chat(
diff --git a/src/views/partials/circle/page-circle-edit.pug b/src/views/partials/circle/page-circle-edit.pug
index fbad418fe6002582f4dda0a10200256aff97dd09..a7154f03f8c36640868e7add7957284c3cd4dea1 100644
--- a/src/views/partials/circle/page-circle-edit.pug
+++ b/src/views/partials/circle/page-circle-edit.pug
@@ -13,7 +13,7 @@ solid-ac-checker(permission='acl:Read', bind-resources)
     div.segment.half.sm-hidden.text-right
       solid-link(class="backlink", bind-resources, next=`${component.route}-profile` data-trans='circle.edit.backlink')
     div.segment.lg-hidden.sm-quarter.text-right
-        div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+        div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.whitespace-normal
 
diff --git a/src/views/partials/circle/page-circle-profile.pug b/src/views/partials/circle/page-circle-profile.pug
index d4f92fdd298257a6b855dfd57814b43ac9d5de7f..cf29c6897b350ae7a118cb22a22965a8134727e5 100644
--- a/src/views/partials/circle/page-circle-profile.pug
+++ b/src/views/partials/circle/page-circle-profile.pug
@@ -20,7 +20,7 @@ div(
           class-dash='text-color-heading text-bold'          
         )
       div.segment.lg-hidden.sm-quarter.text-right
-        div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+        div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
   div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
     div.loader(id=`loader-${component.route}-profile-1`)
diff --git a/src/views/partials/project/page-project-chat.pug b/src/views/partials/project/page-project-chat.pug
index 8357e17e89bf983425436cd23a3c4f2bce13e6d7..0af862891c553597a70d4a7a6a67be17315e4926 100644
--- a/src/views/partials/project/page-project-chat.pug
+++ b/src/views/partials/project/page-project-chat.pug
@@ -14,7 +14,7 @@ div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-p
       value-dash=' - '
     )
   div.segment.lg-hidden.sm-quarter.text-right
-    div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+    div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 .chat-view.segment.full.whitespace-normal
   solid-xmpp-chat(
diff --git a/src/views/partials/project/page-project-edit.pug b/src/views/partials/project/page-project-edit.pug
index 659f5526ab13e234946a8b3e1116a42f26439d3f..08ff1a704b3e457e3dbddd7b4e9ec9db2d499869 100644
--- a/src/views/partials/project/page-project-edit.pug
+++ b/src/views/partials/project/page-project-edit.pug
@@ -17,7 +17,7 @@ solid-ac-checker(permission='acl:Read', bind-resources)
     div.segment.half.sm-hidden.text-right
       solid-link(class='backlink', bind-resources, next=`${component.route}-profile` data-trans='project.edit.backlink')
     div.segment.lg-hidden.sm-quarter.text-right
-      div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+      div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
 div.segment.full.padding-large.whitespace-normal
 
diff --git a/src/views/partials/project/page-project-profile.pug b/src/views/partials/project/page-project-profile.pug
index ceb5ffa3f275f8c6a9d9295e66b7157fb34a6664..ca86e47c35eba38fd0657385be70b2fab8841f04 100644
--- a/src/views/partials/project/page-project-profile.pug
+++ b/src/views/partials/project/page-project-profile.pug
@@ -24,7 +24,7 @@ div(
           value-dash=' - '
         )
       div.segment.lg-hidden.sm-quarter.text-right
-        div.jsMobileRightMenuButton.icon.icon-close.icon-heading
+        div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
 
   div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
     div.loader(id=`loader-${component.route}-profile`)