DUPLICATE: Sub-Menu with class "overflows-viewport"

Bricks Version: 1.5.3
Browser: Chromium 105.0.5195.102 (Build officiel) Arch Linux (64 bits)
OS: Linux

Hi,

I don’t know if it’s a bug, but when I have a submenu in my main menu, a new class is added to it : overflows-viewport

In the builder, The submenu is displayed correctly. But, when I go to the page, The submenu is displayed differently (moved left).

In dev mode, I show that the submenu has a new class:

    And the CSS for overflows-viewport is provided by the frontend.min.css:

.brxe-nav-menu .bricks-nav-menu .sub-menu.overflows-viewport{
right: 0;
}

I can remove it with some CSS but, is it normal ?

If you need more details, don’t hesitate to ask :slight_smile:

Cheers

EDIT : I have tried a lot of things without results :frowning:

I have one section, inside, I have my logo (300px) and my menu.

In the section, when justify-content is “flex-start”… I have no issue with my submenu…

Capture d’écran du 2022-09-22 19-27-32

When justify-content is “space-between” … The submenu move to the left… :face_with_raised_eyebrow:
Capture d’écran du 2022-09-22 19-29-00

Any idea ? Thanks in advance ^^

Hi Sebastien,
Welcome to the forum, and thanks for reaching out!

The class is actually very helpful, but unfortunately, it doesn’t work if you’re using more than one menu. The issue has already been reported here:

I’ll close this thread accordingly and mark the original thread as solved if it’s solved.

Best regards,
timmse

1 Like