Jump to content

Adding a second button to a LINK in the navigation

Go to solution Solved by Ziggy,

Recommended Posts

richartist Level 4

richartist

Posted
Posted

Hi there! 

Looking for code to add a second navigation button, to a link (not a page).  

Wondering also if this can be done with the two buttons sitting vertically, rather than horizontally.

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

Try this Custom CSS: @media only screen and (min-width:768px) { .header-display-desktop { flex-direction: column-reverse; } .header-title-nav-wrapper { width: 100%; } .header-ac

Ziggy
Ziggy

Try this solution: https://insidethesquare.co/squarespace-tutorials/two-button-menu

richartist
richartist

Wow that worked - thank you so much!!

Ziggy Level 13

Ziggy

Posted
Posted

Try this solution:

https://insidethesquare.co/squarespace-tutorials/two-button-menu

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 13

Ziggy

Posted
Posted
1 minute ago, richartist said:

Hey, thanks!  This did work

Great!

Can you share your website URL so I can help?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 13

Ziggy

Posted
Posted
20 minutes ago, richartist said:

I've just 'hid' the reply with link and password - let me know if you see it.

Nope, can't see hidden posts!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • Solution
Ziggy Level 13

Ziggy

Posted
  • Solution
Posted

Try this Custom CSS: 

@media only screen and (min-width:768px) {
  .header-display-desktop {
     flex-direction: column-reverse;
  }
  .header-title-nav-wrapper {
     width: 100%;
  }
  .header-actions--right {
     justify-content: flex-end;
     display: flex;
     width: 100%;
  }
}

Let me know how that works.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 13

Ziggy

Posted
Posted

Fantastic! Can you mark my post as the solution and give it a like? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources