diff --git a/addons/website/static/src/js/content/menu.js b/addons/website/static/src/js/content/menu.js
index b2fdce0da73..88653d0263b 100644
--- a/addons/website/static/src/js/content/menu.js
+++ b/addons/website/static/src/js/content/menu.js
@@ -635,6 +635,7 @@ publicWidget.registry.hoverableDropdown = animations.Animation.extend({
publicWidget.registry.HeaderMainCollapse = publicWidget.Widget.extend({
selector: 'header#top',
+ disabledInEditableMode: false,
events: {
'show.bs.collapse #top_menu_collapse': '_onCollapseShow',
'hidden.bs.collapse #top_menu_collapse': '_onCollapseHidden',
diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 069d53b7655..65c6dc4d50b 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -973,6 +973,12 @@ header {
} @else {
max-width: 560px;
text-align: left !important;
+ // Prevent #top_menu from overflowing the page below the
+ // maximum width. (e.g. if contains an inline language
+ // switcher with many elements.)
+ @media (max-width: 560px) {
+ max-width: 100%;
+ }
}
min-width: 250px;
margin: 0 !important;
@@ -1023,6 +1029,11 @@ header {
padding-left: .5em;
padding-right: .5em;
}
+ .js_language_selector .dropdown-toggle {
+ // Hide the language switcher button because it does not
+ // make sense to show it if the dropdown is always open.
+ display: none;
+ }
}
}
&.collapsing #top_menu {
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 2e548280c0a..8b3a99961e7 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -298,11 +298,10 @@