How To Change The Mobile Address Bar Color In Divi Tutorial by Pee-Aye Creative

How To Change The Mobile Address Bar Color In Divi

This fun quick Divi Pro Tip will show you how to change the color of the mobile address bar which shows on Android devices using the Chrome browser.

Copy And Paste This Snippet

All you have to do to change the mobile address bar color on your Divi website is to copy and paste this simple snippet below into your Divi website. So go ahead and copy it now, and then pull up your website.

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

Now once you have that copied, go to your website to the Divi Theme Options. Look for the Integration tab, and paste the code snippet into the first section labeled “Add code to the < header > of your blog.”

Set the mobile address bar color in Divi for Chrome on Android devices

Replace The Color

Of course, you will want to change the hex color to something else. Find the color that best matches the brand, and replace the 6 digit hex color with your own.

Preview The Result

Now go check your site on an Android device with Chrome browsers. This is a really nice touch, and really shows how you can go the extra mile for your website or client website.


Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Recent Posts

Leave A Response!

Notify of
Inline Feedbacks
View all comments

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Would love your thoughts, please comment.x

Pin It on Pinterest


Your Cart