Code by Day | Explore By Weekend

How To Style The Divi Menu

20180214122145_IMG_9804_01
Are you trying to style the Divi menu? Here's a complete guide that will help you use CSS to get the look you want.

/*main menu links*/

#et-top-navigation nav>ul>li>a {
color: red;
}

/*main menu link when fixed*/

.et-fixed-header #et-top-navigation nav>ul>li>a {
color: red!important;
}

/*current main menu link*/

#top-menu li.current-menu-ancestor>a {
color: red;
}

/*current main menu link when fixed*/

.et-fixed-header #top-menu li.current-menu-ancestor>a {
color: red!important;
}

/*main menu link when one of its submenu items is active*/

#main-header #top-menu li.current-menu-ancestor > a {
color: red!important;
}

/*submenu*/

#main-header .nav li ul {
background: red;
}

/*submenu list item*/

#main-header .nav li li {
background: red;
}

/*submenu links*/

#main-header .nav li li a {
color: red;
}

/*submenu links when fixed*/

.et-fixed-header #top-menu li li a {
color: red!important;
}

/*active submenu link*/

#top-menu li.current-menu-item>a {
color: red!important;
}

/*active submenu link when fixed*/

.et-fixed-header #top-menu li.current-menu-item>a {
color: red!important;
}

Our Latest Products

Please share this post!

Nelson Lee Miller

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, and building websites with Divi.

You Earned A Reward

For a limited time, we are offering our best blog readers a random CRAZY big 20% off coupon to use on any of our child themes! Just subscribe and we'll send you the code!

Blog Reader Coupon Code

Nice, we're sending you the code now!

0

Your Cart