Underlining the active primary menu link

By default, the menu link of the currently accessed page is highlighted by color in the primary menu. With this code snippet you can underline the currently active link.

/* Underline the active primary menu link */
#top-menu li.current-menu-item>a:before {
   content:"";
   background: #2ACCB3; /* Change color value here as desired */
   width:100%; 
   height:5px; /* Change line height here as desired */
   position:absolute;
   left:0; bottom:0;
}

Just copy it into the “Custom CSS” section in the Divi settings (or into the stylesheet of your Divi Child Theme) and you’re done!