Divi Booster

Changing the "Select Page" Mobile Menu Bar Background Color

The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to change the color of the grey bar, you can use the following CSS:

/* Change background color on mobile menu bar button */
.et_header_style_centered #main-header .mobile_nav {
	background-color: #fff !important; 
}

Related Post: Adding CSS to the Divi Theme

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin

Download Divi Booster

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.