Jump to content

Adding a line below nav

Recommended Posts

19 hours ago, Jordanheid said:

Site URL: https://mauve-crane-alan.squarespace.com

Hi I've added a key line below the nav using CSS. But I want the line to extend to the past the site padding to the left and right edges. 
 

This is the code I've used so far:
.header-title-nav-wrapper {
    border-bottom: 2px solid white;
    padding-right: 1vw;
    padding-top: 1vw;
    padding-bottom: 3vw;
}

You can replace the code with this

header {
  position:relative;
}
header:before {
  position: absolute;
  width: 100%;
  content: '';
  height: 2px;
  background-color: #fff;
  bottom: 2vw;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

image.thumb.png.0d653a2c712d40f9af149b7a395e0971.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.