SOLVED: Bricks 1.8 Mega Menu Mobile – Body Scrolls

Bugs
1

When the mega menu is used in the mobile menu (not the off-canvas), the body scrolls behind it. There is no way to disable body scrolling. I tried the following, but it didn’t help:

.brx-open body {
touch-action: none;
-webkit-overflow-scrolling: none;***
overflow: hidden;
overscroll-behavior: none;
position: fixed:
}
2

@bret Do you have a link to the page where this happens? If not, maybe a screenshot? Is it happening for the mega menu inside a “Nav menu” or the new “Nav nested” element?

3

Hi Thomas,

I do, and thanks for looking at it! I’m using the nav nested. Please let me know if I can do more:

https://staging.uunh.org/

4

Thank you so much for the link. The no-scroll class logic, which adds this class to the body when the mobile menu is opened, does not exist in 1.8. I’ll make sure to add it in 1.8.1. Thank you so much for reporting this issue :ok_hand:

1 Like
5

Hi Bret,
We’ve fixed this bug in Bricks 1.8.1, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like
6

Hi, I am having the same issue, and I have updated it to Bricks1.8.1 already.

I can certainly see that it has body.no-scroll {overflow: hidden;} when the mobile (mega) menu is opened.

I have emailed the URL and login to help@, can you please check if the bug still presents?

Thanks!

7

Have you tried re-downloading the Bricks theme from your account dashboard and installing it again? That was Thomas’ earlier instruction to me, and it solved the issue.

8

Hey Bret,

No, I haven’t. So you were given the suggestion to re-upload the latest Bricks (parent/non-child) theme within your WordPress site?

Thanks!