"Location detection not supported in browser" error on mobile phone

I have SSL on my site. The target icon for My location works on desktop but not on mobile phone. I am using an iPhone, and I have tried both Safari and Chrome without any success. Each time I try, I get the error message Location detection not supported in browser. Location access (on all websites) is enabled on my phone. I have even cleared the cache (Settings->Safari->Clear History and Website Data) a few times and that doesn’t help. I have gone through forum topics and documentation to look for answers without any luck. I would really like to be able to do this on the phone although I am glad at least it works on the desktop. Is there something I am missing, what should I do?