diff --git a/extensions/odoo_theme/layout.html b/extensions/odoo_theme/layout.html
index a9b1808aa..20ea54d08 100644
--- a/extensions/odoo_theme/layout.html
+++ b/extensions/odoo_theme/layout.html
@@ -55,6 +55,11 @@
 
 {% block header %}
     {# shown when js has properly set all the classes on the toc elements #}
+    <noscript>
+        <nav class="o_side_nav border-end">
+            {% include "layout_templates/menu.html" %}
+        </nav>
+    </noscript>
     <nav id="o_main_toctree" class="o_side_nav border-end" hidden>
         {% include "layout_templates/menu.html" %}
     </nav>
@@ -72,7 +77,7 @@
         </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' #}
+            {% set main_classes = main_classes + ['index'] %} {# TODO EDI should be 'o_index' #}
         {% endif %}
 
         {% if 'code-column' in meta %}  {# The page contains a 'memento' (side dynamic block) #}
@@ -88,24 +93,21 @@
         {% endif %}
 
         <main class="container-fluid {{ ' '.join(main_classes) }}">
-
-                {% if pagename == master_doc %}
-                <div id="o_content">
-                    {# Custom landing page on the root of the documentation #}
-                    {% include "layout_templates/homepage.html" %}
-                </div>
-                {% else %}
-                    <article class="doc-body">
-                        <!-- Beacon used by the Sphinx search to know where to look for a string -->
-                        <div role="main">
-                            {% block body %} {% endblock %}
-                        </div>
-                        {# Do not show the edition link for pages without content #}
-                        {% if github_link and pagename != 'search' %}
-                            <a href="{{ github_link(mode='edit') }}" class="o_git_link"><i class="i-edit"></i> Edit on GitHub</a>
-                        {% endif %}
-                    </article>
-                {% endif %}
+            {% if pagename == master_doc %}
+                {# Custom landing page on the root of the documentation #}
+                {% include "layout_templates/homepage.html" %}
+            {% else %}
+                <article id="o_content" class="doc-body">
+                    <!-- Beacon used by the Sphinx search to know where to look for a string -->
+                    <div role="main">
+                        {% block body %} {% endblock %}
+                    </div>
+                    {# Do not show the edition link for pages without content #}
+                    {% if github_link and pagename != 'search' %}
+                        <a href="{{ github_link(mode='edit') }}" class="o_git_link"><i class="i-edit"></i> Edit on GitHub</a>
+                    {% endif %}
+                </article>
+            {% endif %}
         </main>
         {# VFE TODO Check if this condition is still needed ??? #}
         {% if pagename not in toc and 'hide_page_toc' not in meta %}
diff --git a/extensions/odoo_theme/layout_templates/homepage.html b/extensions/odoo_theme/layout_templates/homepage.html
index 613ab7f85..22bc0f63d 100644
--- a/extensions/odoo_theme/layout_templates/homepage.html
+++ b/extensions/odoo_theme/layout_templates/homepage.html
@@ -1,118 +1,120 @@
-<div class="row">
-    <div class="col-12 col-md-4">
-        <h2 class="text-center o_title_start">Getting Started</h2>
-        <ul class="list-unstyled">
-            <li>
-                <a href="" class="stretched-link">Overview of Odoo</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Requirements</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">New to Odoo – Where to start </a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Version 14</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">History</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-        </ul>
+<div id="o_content">
+    <div class="row">
+        <div class="col-12 col-md-4">
+            <h2 class="text-center o_title_start">Getting Started</h2>
+            <ul class="list-unstyled">
+                <li>
+                    <a href="" class="stretched-link">Overview of Odoo</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Requirements</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">New to Odoo – Where to start </a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Version 14</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">History</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+            </ul>
+        </div>
+        <div class="col-12 col-md-4">
+            <h2 class="text-center o_title_install">Installing Odoo</h2>
+            <ul class="list-unstyled">
+                <li>
+                    <a href="" class="stretched-link">Before you install</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="{{ pathto('administration/install') }}" class="stretched-link">How to install</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="{{ pathto('administration/deployment') }}" class="stretched-link">Deploying Odoo</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="{{ pathto('administration/db_management') }}" class="stretched-link">Database Management</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+            </ul>
+        </div>
+        <div class="col-12 col-md-4">
+            <h2 class="text-center o_title_basic">Basic Usage</h2>
+            <ul class="list-unstyled">
+                <li>
+                    <a href="" class="stretched-link">Odoo in your own language</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Add users and manage access rights</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Import data to Odoo </a>
+                    <p>The button is under "Favorites" ... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+                        eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Get support</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">History</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+            </ul>
+        </div>
     </div>
-    <div class="col-12 col-md-4">
-        <h2 class="text-center o_title_install">Installing Odoo</h2>
-        <ul class="list-unstyled">
-            <li>
-                <a href="" class="stretched-link">Before you install</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="{{ pathto('administration/install') }}" class="stretched-link">How to install</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="{{ pathto('administration/deployment') }}" class="stretched-link">Deploying Odoo</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="{{ pathto('administration/db_management') }}" class="stretched-link">Database Management</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-        </ul>
+    <div class="row">
+        <div class="col-12 col-md-4">
+            <h2 class="text-center o_title_tutorial">Tutorials</h2>
+            <ul class="list-unstyled">
+                <li>
+                    <a href="{{ pathto('developer/howtos/website') }}" class="stretched-link">Building a website</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="{{ pathto('developer/howtos/backend') }}" class="stretched-link">Building a module</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="{{ pathto('developer/howtos/web') }}" class="stretched-link">Customizing the web client</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+            </ul>
+        </div>
+        <div class="col-12 col-md-4">
+            <h2 class="text-center o_title_advanced">Advanced Usage</h2>
+            <ul class="list-unstyled">
+                <li>
+                    <a href="" class="stretched-link">External API</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">In-app purchases</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Creating a localisation</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Database upgrade</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+                <li>
+                    <a href="" class="stretched-link">Odoo email gateway</a>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
+                </li>
+            </ul>
+        </div>
     </div>
-    <div class="col-12 col-md-4">
-        <h2 class="text-center o_title_basic">Basic Usage</h2>
-        <ul class="list-unstyled">
-            <li>
-                <a href="" class="stretched-link">Odoo in your own language</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Add users and manage access rights</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Import data to Odoo </a>
-                <p>The button is under "Favorites" ... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                    eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Get support</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">History</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-        </ul>
-    </div>
-</div>
-<div class="row">
-    <div class="col-12 col-md-4">
-        <h2 class="text-center o_title_tutorial">Tutorials</h2>
-        <ul class="list-unstyled">
-            <li>
-                <a href="{{ pathto('developer/howtos/website') }}" class="stretched-link">Building a website</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="{{ pathto('developer/howtos/backend') }}" class="stretched-link">Building a module</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="{{ pathto('developer/howtos/web') }}" class="stretched-link">Customizing the web client</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-        </ul>
-    </div>
-    <div class="col-12 col-md-4">
-        <h2 class="text-center o_title_advanced">Advanced Usage</h2>
-        <ul class="list-unstyled">
-            <li>
-                <a href="" class="stretched-link">External API</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">In-app purchases</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Creating a localisation</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Database upgrade</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-            <li>
-                <a href="" class="stretched-link">Odoo email gateway</a>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
-            </li>
-        </ul>
-    </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index b8372d7ae..4e3e3230a 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -326,7 +326,7 @@ header.o_main_header{
             margin: 0;
         }
 
-        &.index, &.doc-toc, &.has_code_col {
+        &.index, &.o_fullwidth_page, &.has_code_col {
             @include media-breakpoint-up(lg) {
                 max-width: calc(100vw - (#{$o-side-nav-width} + var(--bs-gutter-x, 1.5rem)) );
             }