Scrolling not working on mobiles for menus

Hello,

Your mobile menu is handled by another js script (probably this: .../Divi/js/custom.js) which prevents “Page scroll to id” from scrolling the page.

Try the following:

Go to “Page scroll to id” settings and enable/check “Prevent other scripts from handling plugin’s links” option. Save changes and test your menu.

Hi

Thanks for your reply. i have already checked the box, but it still doesn’t work. IS there any other way ?

Thanks

What happens if you temporarily deactivate “Page scroll to id”? How does the mobile menu behave?

I just re-checked your page and all your target sections are hidden when the viewport is less than 767 pixels wide. The mobile menu cannot scroll to non-existing or hidden page sections.

The CSS rule in your stylesheet that does this looks like this:

@media only screen and (max-width: 767px){
  .et_pb_section_1 {
    display: none!important;
  }

  .et_pb_section_2 {
    display: none!important;
  }
  /* etc. */
}

Hi

Thank you so much for your help. That was exactly the issue. Elements were hidden on mobile.

Its working now .. cheers..!!

Thanks

You’re welcome ??