The cause of the problem is that a short enough window height can cause a very long menu dropdown to extend the height of the entire site. Because we hide those dropdowns using indent, they still take up space in the layout.
I fixed it for this user by adding some custom CSS to collapse non-visible dropdowns. This is better than just display: none, because that makes them non accessible. The limitation of this fix is that you still get the overflow problem when the long dropdown is visible.
nav.horizontal > ul > li ul { height: 0; overflow: hidden; }
nav.horizontal > ul > li:hover ul, nav.horizontal > ul > li.is-touched ul { height: auto; overflow: visible; }
The cause of the problem is that a short enough window height can cause a very long menu dropdown to extend the height of the entire site. Because we hide those dropdowns using indent, they still take up space in the layout.
I fixed it for this user by adding some custom CSS to collapse non-visible dropdowns. This is better than just display: none, because that makes them non accessible. The limitation of this fix is that you still get the overflow problem when the long dropdown is visible.
nav.horizontal > ul > li ul { height: 0; overflow: hidden; } nav.horizontal > ul > li:hover ul, nav.horizontal > ul > li.is-touched ul { height: auto; overflow: visible; }