Menu Underline Effect on Hover
Rating
The Code
/*This code is written By Hamza Zahid for any WordPress Work can connect on Whatsapp at +923327533591, visit https://hzdeveloper.cf or https://www.facebook.com/hamzazahid.webdeveloper Anyone happy with this code can donate here +923327533591 (EasyPaisa, JazzCash Pakistan) (Receiver name Hamza Zahid) to support me or to motivate me to add more snippets on your custom requirements You can Hire me for these tasks WordPress Website+ Seo + Digital Marketing and Somehow Graphic Designing, Please Pray for me if you like it.
*/
/*For Astra */
.main-navigation li:hover a{
padding-bottom: 5px;
border-bottom: 2px solid #269FC7;
font-weight:bolder;
width: 100%;
left: 0;
opacity: 1;
visibility: visible;
}
/*For Leverage */
.navbar-nav li:hover a{
padding-bottom: 5px;
border-bottom: 2px solid #5900FF;
font-weight:bolder;
width: 100%;
left: 0;
opacity: 1;
visibility: visible;
}
Rate this code