Safari Anchor Tag Not Working?

  • Post author:
  • Post category:Blog
  • Post comments:2 Comments
Safari Anchor Tag Not Working?

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.

Jen

Jen has been a freelance web designer for over 20 years. In that time she has developed a keen eye for design as well as the technical skill to build top-tier online systems, funnels, and sites. Her loves include her teenagers, her boxers, Bentley & Rena, her Converse and anything Star Wars.

This Post Has 2 Comments

  1. Lauranne

    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.

Leave a Reply