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:
https://www.jenandersondigital.com/justkidding.html#anchortag
…. then you’re going to want to change it to look like this….
https://www.jenandersondigital.com/justkidding.html/#anchortag
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.
Great content! Super high-quality! Keep it up! 🙂
Thanks. I tried this but it doesn’t appear to work from a Mail email (e.g. MailChimp) to Safari. This is super frustrating. And I’m sure you know that.
This totally worked for me, thank you! For others that may be having problems, the solution requires that you be SUPER specific tag (or at least address you are pointing to) IE “https://example.doesntexist/index.html/#contact”.