diff --git a/extensions/odoo_theme/layout.html b/extensions/odoo_theme/layout.html
index 9c869b7a5..635120269 100644
--- a/extensions/odoo_theme/layout.html
+++ b/extensions/odoo_theme/layout.html
@@ -61,7 +61,11 @@
 
 {% block content %}
     <div id="wrap">
-
+        <nav class="navbar navbar-expand-lg navbar-light d-lg-none" aria-label="Toggle OffCanvas">
+            <button class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="offcanvas" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+        </nav>
         {% set main_classes = [] %}
         {% if pagename == master_doc %}  {# The current page is the homepage #}
             {% set main_classes = main_classes + ['index'] %} {# TODO ANVFE should be 'o_index' #}
diff --git a/extensions/odoo_theme/static/js/menu.js b/extensions/odoo_theme/static/js/menu.js
index 47b23f92e..d1a0b20e9 100644
--- a/extensions/odoo_theme/static/js/menu.js
+++ b/extensions/odoo_theme/static/js/menu.js
@@ -43,4 +43,14 @@
         }
     };
 
+    /**
+     * Mobile: Toggle open/close sidebar on click of nav button (&& on swipe left to right?).
+     *
+     *
+     * `o_active_toc_entry` class, and their related (parent) TOC entry list (<ul> elements) receive
+     * the `show` (Bootstrap) class.
+     * Also, the deepest TOC entry receives the `o_deepest_active_toc_entry` class, and its child
+     * Sidebar receives the `o-mobile-show` class.
+     */
+
 })();
diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index f464486e1..bc86e0fbc 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -98,6 +98,10 @@ header.o_main_header{
     position: fixed;
     top:$o-header-height;
     left:-100%;
+    &.o-mobile-show {
+        left:0;
+        width: 100%;
+    }
     @include media-breakpoint-up(lg) {
         left:0;
     }