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" />
Vigasan

Hey! I’m Vigasan and I love the Internet. I have a Bachelor of Science in Computing Systems with a double specialization in Computer Science and Software Engineering. I’ve been creating websites and working with social media since 2014 and have created over 200 Squarespace websites so far.

https://www.adlyticmarketing.com/
Previous
Previous

Submitting Your Squarespace Website Sitemap to Google Search Console

Next
Next

Show Gallery Titles as an Overlay on Hover in Squarespace