Safari tab colour not working

himynameis · ‎03-29-2023

So maybe I was imagining it, but one I first started creating my website and looking in Safari it appeared that the tab colour option was working where Safari automatically takes the colour from the top of your webpage to the top of the iPhone screen (as seen here), however, recently, it is completely stopped working. I found a code you can inject into the header of your website however this doesn’t work either. Any other options how I can get it back?

Laurie_ · ‎03-29-2023

Howdy, @himynameis,

This is a great question and I'd be happy to provide some more context around custom coding and Square Online sites.

While there are options to use embeddable code on your Square Online site to access additional tools or widgets when it comes to custom code, we usually recommend consulting a coding expert as the code used may affect your website and its function.

I haven't come across any other Sellers raising this question before, but maybe somebody with more experience with Safari on iOS devices will be able to jump in here to offer some further assistance.

Otherwise, it might be worthwhile reaching out to Apple directly to see whether they're able to provide some information about how to achieve this on your site. I noticed the article you linked is from February 2022, so it could be that these steps are now outdated.

If you do find a solution, feel free to share the steps here in this thread. 👍

P.S. I also noticed it's your first post - welcome to the Seller Community!

Laurie
Community Moderator, Australia, Square
Sign in and click Mark as Best Answer if my reply answers your question.

himynameis · ‎03-29-2023

Thank you for your reply! I only posted that link because it had the exact image I wanted to show as an example of what I am trying to do.

As I said, it was all working totally fine, then it stopped working, almost at the same time I uploaded custom fonts to my site... so I am not too sure if this broke something in the code.

Inserting the command that Apple recommended to me in the <head> section hasn't worked either - but I can't seem to find any other way to get it happening!