I have set an active border on the nav menu but want to target only text in the sub-menu
website URL - https://horizon.ae/
how to achieve that I have tried too many things still no success
Bricks Nav element (Not nestable)
CSS used : .bricks-nav-menu li a {
transition: 0.4s;
position: relative;
}
.bricks-nav-menu li a::before {
content: “”;
position: absolute;
width: 0;
height: 2px;
background-color: #2e2e2e;
/Change color/
bottom: 0;
left: 0;
transition: width 0.4s;
}
.bricks-nav-menu li a:hover::before {
width: 100%;
}
/* Target active page link /
.bricks-nav-menu li a[aria-current=“page”]::before {
width: 100%;
/ Set the width to 100% to show the underline /
background-color: #2e2e2e;
/ Optional: Change colour for the active link */
}