It may look difficult to change the default blue color bar on Divi’s mobile menu, but don’t you worry! It is pretty straight-forward to do, and I got you your CSS code that you could use to change the color and maybe to even play around with it a bit!

Let’s get started!

Sample

Before

After

Video Tutorial:

Tutorial

Step 1: Head over to Theme Customizer to add CSS

Let’s go to the Theme Customizer to add the simple CSS via WordPress dashboard > Divi > Theme Customizer > Additional CSS

Step 2: Add CSS Code & Publish

Now, we can add this code:

— — —

.et_mobile_menu {
border-top: 3px solid #ff0000 !important;
}

— — —

Once you’ve added this, it will make the mobile menu bar into red and that is because of the #ff0000 color hex code on the CSS code above. To see more color hex codes, head over to the site here and copy the code as seen on the image below.

After you click Publish… that’s it! Now you have changed the default color of the bar on Divi’s mobile menu. If you want to see more ways of editing the bar, make sure to watch the tutorial video above!

If you have any questions, don’t hesitate to leave a comment, and I will do my best to help!

If you watched the tutorial video, and it helped, I am very happy that it did! Please Like, Comment & Subscribe to my YouTube channel! Thanks!