Disable background scroll if responsive menu is open

[vissersj]

Is there a code snippet available to prevent background scroll if the responsive menu is open? This is considered an issue if the menu is longer than the mobile screen and you have to scroll all the way down to see the last menu items. In my humble opinion this should be fixed in the Genesis Framework (responsive-menus.js).

[Brad Dalton]

What theme are you using?

---

Tutorials for StudioPress Themes.

[vissersj]

Thanks for your reply. I use the Navigation Pro theme version 1.2.0.

[Brad Dalton]

There's a class added when the toggle menu is activated. You can use that with CSS.

---

Tutorials for StudioPress Themes.

[vissersj]

Thanks, but I am not sure how to make it work. The body in the background should be fixed if the toggle menu is activated. I tried the CSS code below, but without luck. Am I on the right track here?

	.content .menu-toggle.activated,
	.full-width-content .menu-toggle.activated {
		overflow: hidden;
		height: 100%;
	}

[Brad Dalton]

All you need to work on now is the CSS. I would look at the CSS for the background.

---

Tutorials for StudioPress Themes.

[Glofiish]

Have you resolved the issue?

[vissersj]

No I can't figure it out, not skilled enough..

[Author]

Posts