How to make Divi active menu item background color highlight

Sep 30, 2021 | Divi Tips | 0 comments

Make the Divi active menu item background color highlight (like the image below) is something Divi does not have settings for. This can be tricky depending on things like font sizes, number of menu items, sizing, design requirements, etc.
How to make Divi active menu item background color highlight

Add the following CSS to the Divi Options / Custom CSS (without style tags) or Integration / Head area.

TIP: Play around with the padding and margins in the custom CSS. And, sometimes you may need to adjust the height values in the section, row, and/or menu module to get it looking the way you like.
/* Main menu active menu background - BEGIN */
.et_pb_menu--style-left_aligned #et-top-navigation nav > ul> li > a,
.et_pb_menu--style-left_aligned .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 15px;
#menu-main-menu li {
    padding-right: 5px;
#menu-main-menu li a {
    padding: 18px 15px;
#menu-main-menu li.current-menu-item > a {
    background: #273e6a;
#menu-main-menu .menu-item-has-children > a:first-child:after { /* moving the dropdown arrow icon */
    right: 0px;
/* Main menu active menu background - END */

Need help with this?
Hire me for a consultation and I'll walk you thru the process.


Submit a Comment

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

5 star reviews
"WOW! Money WELL spent. Joseph was incredibly knowledgeable in helping me make some final tweeks to my Divi website. He was very caring and went above and beyond. Will 100% use him for any future Divi website needs."
Claire - CMMC

5 star reviews
"You really get what you pay for with Joe. He does more than simply build a website, he sets up websites for success. Functional, clean, professional designs and he keeps up/implements the latest plugins and technology. Thank you Joe. I will continue to refer you work."
Mark Winger

5 star reviews
"The best WordPress guy I’ve worked with on WordPress, hands-down (and I’ve worked with dozens). Remarkably good with theme customizations with a quick turn. Kept it on budget as well. A rarity with hourly contracts."
Nate Wright

5 star reviews
"Thanks for your prompt reply. You’re always so comprehensive. If we could write another review just for your communication skills, then we would."
Alex N

More Tips

Looking for some deals?

Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

Cloudways Hosting

WPEngine Hosting

Pressable Hosting

AccuWeb Hosting

Divi PHP Code Module

Ask a Question

"*" indicates required fields