Clay: how to add a line under the navigation menu? complete css code please

hello, could i please have the full css code for adding a line under my navigation menu? I have tried several options but non seem to worki have Clay templatethank you so much!

past this code in design-> custom css box

.Header-nav-item {
   display: inline-block;
   vertical-align: middle;
   border-bottom: 2px solid black;
}

Thank you @mdhanjal It worked!

do you also know how to make it one long line underneath the whole navigation menu?right now it appears under each title separately.

thanks!

.Header-nav {
   font-family: "futura-pt";
   font-size: 19px;
   text-transform: none;
   letter-spacing: .02em;
   font-weight: 300;
   font-style: normal;
   border-bottom: 2px solid;
}

thank you @mdhanjal but using the last code I now i have both the long line and and the short lines under the nav menu....

how to remove the short one?

best regards!

@mdhanjal , i very much appreciate your kind and prompt reply!

can you please share site url?

its working @mdhanjal just needed to refresh my browser!thank you so so much!

welcome sir

do you know by any chance how to reduce the distance between the line you've helped me created and the text on menu bar? i find it too away...

home about contact

how is it possible to make the line closer to the text above it?

thank you @mdhanjal

Hey @comebacktoyourself you can just edit the bottom padding using the code from mdhanjal:

 .Header-nav {
    font-family: "futura-pt";
    font-size: 19px;
    text-transform: none;
    letter-spacing: .02em;
    font-weight: 300;
    font-style: normal;
    border-bottom: 2px solid;
    padding-bottom:1px !important;
}

hope that helps

thank you @DMK !