Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
comebacktoyourself

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

Question

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!

Edited by comebacktoyourself
Initial Revision

Share this post


Link to post

11 answers to this question

Recommended Posts

  • 0

past this code in design-> custom css box


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


Edited by mdhanjal
Initial Revision

Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

.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;
}



Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

can you please share site url?


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

welcome sir


Hi, I'm BITTU. A website developer with 8 years experience with Squarespace. if you need help and work with me email me here :- mandeepsquarespace@gmail.com Best Hourly Rate :- $15 Per Hour

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...