Adding a second button to a LINK in the navigation

richartist · May 3, 2023

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.

Ziggy · May 4, 2023

Try this solution:

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

richartist · May 4, 2023

Hey, thanks! This did work, however I'm still trying to find out if I can possibly place one button on top of the other, rather than sitting side by side.

Ziggy · May 4, 2023

1 minute ago, richartist said:

Hey, thanks! This did work

Great!

Can you share your website URL so I can help?

richartist · May 4, 2023

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

Ziggy · May 4, 2023

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!

Ziggy · May 4, 2023

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.

richartist · May 4, 2023

Wow that worked - thank you so much!!

Ziggy · May 4, 2023

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

Adding a second button to a LINK in the navigation

Recommended Posts

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

Ziggy

richartist

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Link to comment

Create an account or sign in to comment

News

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources