Actually I have to show bottom bar to currently active page. I am using ternary operator in PHP . The bottom bar is showing up but its horizontal width is a bit extra . I'm not been able to reduce its width . Here's a picture of it:

CodePudding user response：

I'm not able to read or test your code. We may require the code where you declared the space between your nav-item (li); however, if the space between is caused by padding-right, then change it to margin-right, or get that look from flex gap; it should work.

//no changes needed in this code
 .nav-item {
    border-bottom:3px rgb(0, 0, 0) solid;
   margin-bottom: 19px;
   }