So I ran into a situation with a client where their link to their product using an anchor tag wasn’t working in Safari on their iPhone.
Sure enough, I could duplicate the problem on my own phone. Did a quick Google search as I naturally would, and found a stackflow question with the same problem.
I like to keep my random “fixes” in one place, so here is the fix for your anchor tag not working in Safari:
(Hint: you’re going to be a little annoyed at this fix. It’s WAY too easy)
If your anchor tag looks something like this:
…. then you’re going to want to change it to look like this….
Seriously, it’s that simple. Just add a “/” before the “#” sign.
Safari, apparently, is less forgiving than the other major browsers, such as Chrome and Firefox, in interpreting your meaning when creating these links.
At any rate, there you have it. How to fix your anchor tag in Safari.