Jump to content

Concerning the Header Design

Recommended Posts

Hello,

I hope this is the right place for this. I'm in a little conundrum with the design of the header on my site, since my HTML and CSS skills are barely beginner level. I'd like my current header (the one just below) to look somewhat like the second image. The header links are a little boring looking the way they are, and I'd like a long horizontal white line that defines the header clearly. I'd also like a search bar in the header, and to have it look somewhat like the one in the second image. I'm also using the Barbosa template, if I remember correctly.

Thanks.

https://imgur.com/s3YUF9aDZBf7NL.png

nY7cuXE.png

 

 

Edited by PBooks
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

1. You want to add line betweens Navigation items?

2. SS 7.1 doesn't support search in Header. You can try using jQuery to move Search bar from Footer to Header.

https://www.w3schools.com/jquery/html_append.asp

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 3/31/2020 at 8:33 PM, tuanphan said:

1. You want to add line betweens Navigation items?

2. SS 7.1 doesn't support search in Header. You can try using jQuery to move Search bar from Footer to Header.

https://www.w3schools.com/jquery/html_append.asp

1. If possible, yes. In particular I am more interested in adding that long horizontal line that's just below the 'Secondhand' and 'Contact' links, the one that extends from one side of the page to the other.

2. The search bar is of no concern now, as I've added a search bar lower down on the page which I like.

 

Regards

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.