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

Adding lines below navigation


Starting to work on a new website and looking to add some character to the header by placing two solid lines horizontal across the page. I have been able to figure out how to do a single line, by adding the following to the CUSTOM CSS, but nothing I do allows me to have a second line in a different color, which is what I am trying to achieve. I am using the MENTOR template and I'd like to have this to separate the header from the main section of the page in the instance where I might not use a banner image

.Header { border-bottom: 5px solid #b0b579;}

Edited by melansonmedia
Initial Revision

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

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


You can target the bottom header separately:

.Header-inner--bottom { border-bottom: 5px solid red; }

.Header { border-bottom: 5px solid #b0b579; }

Hope that helps!

Share this post

Link to post
  • 0

That didn't work, but I had subsequently tried what is below and it works on the homepage, but not on the internal pages. On the internal pages, the header outline (line 3) is not visible, just the border-bottom.

Any thoughts as to what might be going on? Here is the site URL, hfprc.squarespace.com still in the early stages of design and layout. Thanks for any insight.

1 .Header {

2 border-bottom: 5px solid #86b2d8;

3 outline: 5px solid #b0b579;

4 }

5 .Footer{

6 border-top: 5px solid #b0b579;

7 }

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