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.

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

Related Posts

Leave A Response!

Leave a Reply

avatar
  Subscribe  
Notify of

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart