diff --git a/addons/web/static/src/legacy/js/libs/bootstrap.js b/addons/web/static/src/legacy/js/libs/bootstrap.js
index 53027e2fde3..307bec83d54 100644
--- a/addons/web/static/src/legacy/js/libs/bootstrap.js
+++ b/addons/web/static/src/legacy/js/libs/bootstrap.js
@@ -148,3 +148,13 @@ ScrollSpy.prototype._activate = function (target) {
     }
     bootstrapSpyActivateFunction.apply(this, arguments);
 };
+
+/**
+ * Bootstrap disables dynamic dropdown positioning when it is in a navbar. Here
+ * we make this patch to activate this dynamic navbar's dropdown positioning
+ * which is useful to avoid that the elements of the website sub-menus overflow
+ * the page.
+ */
+Dropdown.prototype._detectNavbar = function () {
+    return false;
+};
diff --git a/addons/website/static/src/js/content/menu.js b/addons/website/static/src/js/content/menu.js
index fd3c1aaf557..2bfb671f20d 100644
--- a/addons/website/static/src/js/content/menu.js
+++ b/addons/website/static/src/js/content/menu.js
@@ -501,86 +501,6 @@ publicWidget.registry.FadeOutHeader = BaseDisappearingHeader.extend({
     },
 });
 
-/**
- * Note: this works well with the affixMenu... by chance (menuDirection is
- * called after alphabetically).
- *
- * @todo check bootstrap v4: maybe handled automatically now ?
- */
-publicWidget.registry.menuDirection = publicWidget.Widget.extend({
-    selector: 'header .navbar .nav',
-    disabledInEditableMode: false,
-    events: {
-        'show.bs.dropdown': '_onDropdownShow',
-    },
-
-    /**
-     * @override
-     */
-    start: function () {
-        this.defaultAlignment = this.$el.is('.ms-auto, .ms-auto ~ *') ? 'right' : 'left';
-        return this._super.apply(this, arguments);
-    },
-
-    //--------------------------------------------------------------------------
-    // Private
-    //--------------------------------------------------------------------------
-
-    /**
-     * @private
-     * @param {string} alignment - either 'left' or 'right'
-     * @param {integer} liOffset
-     * @param {integer} liWidth
-     * @param {integer} menuWidth
-     * @param {integer} pageWidth
-     * @returns {boolean}
-     */
-    _checkOpening: function (alignment, liOffset, liWidth, menuWidth, pageWidth) {
-        if (alignment === 'left') {
-            // Check if ok to open the dropdown to the right (no window overflow)
-            return (liOffset + menuWidth <= pageWidth);
-        } else {
-            // Check if ok to open the dropdown to the left (no window overflow)
-            return (liOffset + liWidth - menuWidth >= 0);
-        }
-    },
-
-    //--------------------------------------------------------------------------
-    // Handlers
-    //--------------------------------------------------------------------------
-
-    /**
-     * @private
-     */
-    _onDropdownShow: function (ev) {
-        var $li = $(ev.target);
-        var $menu = $li.children('.dropdown-menu');
-        var liOffset = $li.offset().left;
-        var liWidth = $li.outerWidth();
-        var menuWidth = $menu.outerWidth();
-        var pageWidth = $('#wrapwrap').outerWidth();
-
-        $menu.removeClass('dropdown-menu-start dropdown-menu-end');
-
-        var alignment = this.defaultAlignment;
-        if ($li.nextAll(':visible').length === 0) {
-            // The dropdown is the last menu item, open to the left
-            alignment = 'right';
-        }
-
-        // If can't open in the current direction because it would overflow the
-        // page, change the direction. But if the other direction would do the
-        // same, change back the direction.
-        for (var i = 0; i < 2; i++) {
-            if (!this._checkOpening(alignment, liOffset, liWidth, menuWidth, pageWidth)) {
-                alignment = (alignment === 'left' ? 'right' : 'left');
-            }
-        }
-
-        $menu.addClass('dropdown-menu-' + alignment);
-    },
-});
-
 publicWidget.registry.hoverableDropdown = animations.Animation.extend({
     selector: 'header.o_hoverable_dropdown',
     disabledInEditableMode: false,