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

Addtional Custom Navigation Links


Go to solution Solved by paul2009,

Recommended Posts

Hi All,

How do I create additional custom navigation links? Basically, I have my normal navigation links but what I am trying to achieve is adding a few more but above the normal ones. I have attached an image of what I am trying to achieve. 

Screenshot 2021-09-12 at 14.13.36.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

2 hours ago, tuanphan said:

Hi,

Have you tried using Announcement bar to achieve this yet?

I have tried but, I cannot format so that it sits over my navigation bar or change colour. If it can't be done, then I will need to think of another way. I just want to make it as easy as possible for my clients be able to pay their tax or settle any outstanding debts. 

Link to comment
  • Solution
On 9/12/2021 at 2:16 PM, jcgillies said:

How do I create additional custom navigation links? Basically, I have my normal navigation links but what I am trying to achieve is adding a few more but above the normal ones.

You can do this by creating the series of links using HTML and then add this into Settings > Advanced > Code Injection > Header. You can then add a little styling (to Design > Custom CSS) to make the links match your mockup. 

Here's a W3 Schools tutorial that you may find helpful. It's not Squarespace specific, but it should get you started.

  If this post was helpful, please click an icon below  ⬇️ 

Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
1 hour ago, paul2009 said:

You can do this by creating the series of links using HTML and then add this into Settings > Advanced > Code Injection > Header. You can then add a little styling (to Design > Custom CSS) to make the links match your mockup. 

Here's a W3 Schools tutorial that you may find helpful. It's not Squarespace specific, but it should get you started.

That worked a treat. 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...