NO BUG: Mobile Menu Scrolling with position top

[connected-services]

Browser: Safari Mobile
OS: iOS
URL:www.ergonomic-care.com
Video: https://ergonomic-care.com/record.mov

When using the mobile menu I am facing the issue that not all items from the subcategories cannot be accessed. As you can see in the video I am navigating to the part “Krankheitsbilder” here I cannot scroll to the lowest elements as the menu is automatically scrolling back.

Furthermore I also wanted to change the icons for the burger menu and close icon. It looks like there is currently no option to change that. Can you help me out how to do that without using the nav nestable element ?
Many thanks in advance
Andreas

[timmse]

Hi,
Thanks so much for your report!

1. That’s happening because you are moving the menu 150px down. You have to compensate for the “missing” 150px in height. Add this to the mobile breakpoint of the menu:

%root%.brxe-nav-menu .bricks-mobile-menu-wrapper {
  height: calc(var(--bricks-vh, 1vh)*100 - 150px);
}

2. So far there are only the available settings. You could overwrite the toggle with custom CSS if necessary.

Best regards,
timmse

[connected-services]

hi @timmse,
many thanks for your support.
I just added your statement to the breakpoint via the bricks custom css field like that:

However this is not being used in the frontend.

I also tried to recreate the external css files without any success.

Did I add the statement at the wrong place ?

Thanks & Greetings

Andreas

[timmse]

Hi Andreas,
You added it to the Bricks settings, but not to the actual element’s custom CSS:

[connected-services]

that did the trick
thank you so much