As I see many people asking for the underline menu like on Extra theme. Here I just take it from Extra to Divi. You may have to change the color of the line to match your navigation background color.
#top-menu .current-menu-item a::before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1.0;
}
#top-menu li a:hover:before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
opacity: 1;
}
#top-menu li a:before {
content: ”;
position: absolute;
top: 10px;
left: 0;
background: #ffffff; /* Change your color here */
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;
}
Sent from my Samsung Galaxy smartphone.
