'Anchor link working on desktop but not mobile
I have a responsive nav that converts to an off screen menu for mobile. it only has anchor links in it. It works perfectly on desktop but when the menu changes to the mobile version, clicking the link doesn't move the page to the correct point.
There is javascript being used to show and hide the menu. I cannot see any errors in chrome's console when clicking around.
Because of the differences between mobile and desktop, I have two similar blocks of html, one with a class"desktop" and the other with a class"mobile", these are shown/hidden based on media queries. They have identical id's for the sections, would it be the case that the nav is always trying to find the "desktop" sections rather than the "mobile" sections?
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|