You are reading a single comment by @Soul and its replies.
Click here to read the full conversation.
-
Every browser can tell the device the device being used and at a minimum the width of the display.
A quick and hacky way is just to have<a href="http://website.com" class="link1">Click me</a> <a href="http://website.com/anchor" class="link2">Click me</a> .link1{ @media (min-width: 500px){ display: none; } } .link2{ @media (max-width: 500px){ display: none; } }
As MDCC said, it's to do with the anchor, if they wanted it to go to the right place on mobile then they should have tested that when building the site.
A quick solution would be to have a separate anchor placed on an element further down the screen and use that one as the link for the mobile users.
Do you have control of the page people are clicking from? You can display a different url depending on their device, one including the anchor for desktop, one without for mobile.