diff --git a/css/app.css b/css/app.css
index 6e7c436..5ae1f5d 100644
--- a/css/app.css
+++ b/css/app.css
@@ -161,6 +161,10 @@ a:visited {
 #menu {
     z-index: 1000;
     overflow-y: auto;
+    margin-top: 54px;
+}
+#menu.is-overlay {
+    left: auto;
 }
 /* Content in tabs */
 .docs-title {
diff --git a/webgis/index.html b/webgis/index.html
index 70d7ec6..e14d851 100644
--- a/webgis/index.html
+++ b/webgis/index.html
@@ -64,7 +64,12 @@
         <div class="loading loading-lg"></div>
     </div>
     <div class="main columns">
-        <div class="column is-hidden is-4 is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu"
+        <div class="column mb-0 pb-0 is-full is-relative">
+            <div class="pb-0 is-relative" id="map" aria-describedby="map-progress" aria-busy="true">
+                <progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
+            </div>
+        </div>
+        <div class="column is-hidden is-4 is-4-desktop is-5-mobile is-pulled-right is-overlay has-background-white-ter" id="menu"
             data-menu-target="menu">
             <aside class="menu ml-4 mt-3">
                 <button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#close"></button>
@@ -423,11 +428,6 @@
                 </ul>
             </aside>
         </div>
-        <div class="column mb-0 pb-0 is-full is-relative">
-            <div class="pb-0" id="map" aria-describedby="map-progress" aria-busy="true" style="position: relative;">
-                <progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
-            </div>
-        </div>
     </div>
     <!-- Sites data modal -->
     <div class="modal" id="site-data" data-controller="modal biblio tabs marker" data-modal-target="modal">