Mobile menu won’t scroll in desktop

  • Resolved sarahsas

    (@sarahsas)


    1 month, 4 weeks ago

    Hello there. I’ve discovered a weird bug that I can’t fix with CSS, hoping you can have a look?

    I have a client with very poor eyesight and she has her desktop browser zoomed in quite far to compensate for this. As a result, she gets the mobile/tablet menu view in her desktop by default. See site here: https://fixhealthcarenowcolorado.org/ and zoom in your browser enough to get the mobile menu.

    Now, the issue is that the sidebar menu shows a secondary overflow-y scrollbar for the list of nav menu items, but if you click on the scrollbar with your mouse and try to scroll it, it will not respond. It respond with the mouse scroll wheel and it responds with finger touch if you have a touch screen. But it will not respond with a click action of the mouse. Any idea why this is happening and how to fix it? Is it a pointer-events-related issue?

    I have tested this issue in several browsers and on several other sites I’ve built with Neve theme and the issue remains consistent, very strange.

    Please help?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @sarahsas,

    Thank you for using Neve and for reaching out to us!

    I have checked your website and if you zoom-in enough for the menu to transform into the hamburger one, and click on it, when the sidebar becomes visible, I am able to drag it up and down.

    Please check these first so we can identify the exact cause of this issue:

    1. Make sure you have all your plugins and theme up to date.
    2. Caching: Caching can cause a multitude of problems, make sure you clear your website’s cache. You can follow this article.
    3. Plugin Conflict: Sometimes two plugins can interact in a way that breaks a functionality. Make sure you follow the steps described in this article to rule out this situation.

    Please let us know how if this solves the problem!

    Best regards,

    Mara

    Thread Starter sarahsas

    (@sarahsas)

    Hi @mara3,

    Confirming all software is up to date and there is no caching setup on the site at all.

    Also confirming I have now tested the issue in the following browsers with consistent results across at least 6 sites that are all built in Neve – all with completely different sets of plugins, so no conflicts. Also, if you’re saying you’re not having the issue, then it’s obviously not a software conflict?

    • Chrome
    • Firefox
    • Duck Duck Go
    • Microsoft Edge

    In all cases, I am able to use the scroll wheel on my mouse to make the content inside the navbar scroll, however, if I try to CLICK and DRAG the scrolling sidebar, it does not engage. This is consistent across all sites and all browsers. Here is a screen record to demonstrate for your reference, in case I am not explaining it well:

    https://drive.google.com/file/d/1tZsxrFL3XjQGmE3V6AKR7vsdL9kfZSCn/view?usp=sharing

    To me, this constitutes an ADA issue for sight-impaired people, like my client?

    Here are some other Neve sites displaying the same problem, for your reference:

    My first instinct was that it might be a z-index issue? But if that were the case, then why does the mousewheel work but the click scrollbar doesn’t? That’s what I can’t figure out….

    Thread Starter sarahsas

    (@sarahsas)

    Hi again @mara3,

    So my instinct is correct, it does appear to be a z-index issue, if you’d like to tell your developers? There is a pseudo :before element on the #header-menu-sidebar-bg that is covering the scrollbar. if I change that :before element to a lower z-index that the #header-menu-sidebar-inner – then I have access to scroll the bar using the mouse click. here is another screen recording for your reference:

    https://drive.google.com/file/d/1V7Rbfn7dHf3QoIuCD1__OzCx1b_6JxaT/view?usp=drive_link

    However, once I change the z-index accordingly, then the X close button for the sidebar menu no longer works… so there becomes a new issue.

    Please advise?

    Hi there @sarahsas,

    Thank you for your persistence and for thoroughly explaining the behaviour!

    Upon further testing, I was able to reproduce the problem and I have sent it to the development team to review this behaviour. Until then, you can check the progress here – https://github.com/Codeinwp/neve/issues/4294.

    Kind regards,

    Mara

    • This reply was modified 1 month, 3 weeks ago by mara3.
    Thread Starter sarahsas

    (@sarahsas)

    Wonderful, thanks @mara3 for escalating this issue ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.