hello guys,
just an update.. i found out that this code works on desktop. but the hover animation on table/phone are longer than the text… this is the code i have right now..
/* Footer Hover Nav */
.footer .menu-element .menu li > a {
padding-left: 0px !important;
padding-right: 0px !important;
}
.footer .menu-element .menu li {
margin-left: 1.07em !important;
margin-right: 1.07em !important;
}
.footer .menu-element .menu li > a:before {
content: ”;
height: 2px;
width: 0;
right: 0;
position: absolute;
transition: width .2s ease-in-out;
bottom: 0;
background: currentColor;
}
.footer .menu-element .menu li > a:hover:before {
width: 100%;
right: auto;
}