The Divi Theme comes with several different header menu formats, including a "Centered" and "Centered Inline Logo" format. When either of these formats are used, the mobile version of the header has a long box which contains the words "Select Page" and a hamburger menu icon. If you'd like to change the color of the box's background color, here's how.
Manually changing the background color of the box
.et_header_style_centered .mobile_nav,
.et_header_style_split .mobile_nav {
background-color: #fff !important;
}Related Post: Adding CSS to the Divi Theme
If you'd like to completely hide the box, set the background color to be fully transparent, e.g: rgba(0, 0, 0, 0)
Changing the background color of the box in Divi Booster
Divi Booster 2.7.0 onwards includes an option to set the background color of the "Select Page" box. You can find the option under "Header > Mobile Header > Change centered menu Select Page background color".
The option has a color picker that lets you choose the color you want. Note that it is initially set to the default color of black with a high level of transparency. The transparency is controlled by the right-most bar in the color picker. If you want a solid color (no transparency), move this bar's slider to the very top. If you want to hide the "Select Page" box altogether, move the bar's slider to the very bottom.
Want get more out of Divi?
Hundreds of new features for Divi
in one easy-to-use plugin
0 Comments