0

I had a problem with scrolling on the mobile menu for my iacado.ro website. I managed to make it to scroll (the people that made the website didn't do it).

screenshot with css

The problem is that although now it's scrolling, you can't "touch" anything on the screen even if the menu is closed. Let me know if you need any other info: enter image description here

1

The problem is in min-height: calc(100vh - 200px); remove it and it will works, check also if you will have any issue.

.nav-container.mobile {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    height: 100%;
    overflow-y: auto;
    min-height: calc(100vh - 200px);
}

Update:

Update this:

.nav-container.mobile {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    overflow-y: auto;
}

Add this

.nav-container.mobile.collapsed {
    height: 100vh;
}

Add this js:

<script type="text/javascript">
     //<![CDATA[
     jQuery(".menu-button").click(function() {
         jQuery(".nav-container.mobile").toggleClass("collapsed");
     });
    //]]>
</script>
  • I've done that, but the menu looks like this: imgur.com/vKMzqFV . And you still can't click on anything under it. Thanks – Patrick Popa Sep 11 '18 at 11:52
  • "min-height: calc(100vh - 200px);" is still in the css when I checked it (1min ago) when I removed it it works fine for me – PaddyD Sep 11 '18 at 11:56
  • Done. I removed it. But like i said. The drop-down menu is too small and you can't press properly on any of the links. Maybe i wasn't clear with my question. I want to have the height of the drop-down menu to cover as much of the mobile screen (so you can press easily on the categories + subcategories) but still be able to press on whatever is on the page. – Patrick Popa Sep 11 '18 at 12:07
  • 1
    add this : height: 100vh; – PЯINCƏ Sep 11 '18 at 12:12
  • it was working in chrome, but yeah i got the same issue in firefox and my phone. Prince's solution seem to work – PaddyD Sep 11 '18 at 12:18

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.