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?

---

Get Help – Book Consultation.

[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.

---

Get Help – Book Consultation.

[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.

---

Get Help – Book Consultation.

[Glofiish]

Have you resolved the issue?

[vissersj]

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

[Author]

Posts