Change the Mobile Address Bar Color in Squarespace

With the release of top bar theming for Safari by Apple recently, there’s no better time to make sure your branding is on point by customizing the color of the top bar on mobile. This will affect the color of the address bar on Android devices, and the color of the top bar on iOS devices.

---

Before

After

---

The Code

Copy and paste the following code into SETTINGS → ADVANCED → CODE INJECTION and into the HEADER box.

Make sure to change the hex value to the color you want to use.

<meta name="theme-color" content="#ff7d00" />