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

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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.