How come my Anchorlinks work on desktop but not mobile?
Hello. I'm developing
here. I have this menu that slides out from the left side. When a user clicks on the item, two classes (menuToggle and scrolly) are triggered which: a) makes the menu close itself and b) smooth scrolls the page down to the anchor link.
It works great with desktop browsers but it does not seem to function properly on mobile browsers nor mobile emulation tools on chrome web inspector. What happens is the menu opens and closes, but my user is never navigated to the link properly. Thank you for your time.
- <div id="menu" >
- <ul>
- <li><a href="#one" class="menuToggle scrolly">About</a></li>
- <li><a href="#two" class="menuToggle scrolly">Work Samples</a></li>
- <li><a href="#three" class="menuToggle scrolly">Services We Provide</a></li>
- <li><a href="#message" class="menuToggle scrolly">Contact Us</a></li>
- </ul>
- </div>
-