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

How to add two buttons to a header?

Question

Site URL: https://orange-olive-hs54.squarespace.com/

Hi,

My Squarespace template allows me to add one button to my website header bar, but I need to add two buttons – one for English, another for Portuguese. On the Squarespace livechat I was advised to add custom code. What's the code I need to add the extra button to the header? 

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

There are two ways to do this

W1 Free). Insert 2 Link items to Main Navigation > Use CSS to turn 2 links to button.

W2 ($$$). Add default button in Header Layout (Edit Site Header > Header Elements > Enable Button)

Next use JavaScript to add 2rd button to right of first button.

Your site is private.

Can you setup password & share url?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Of course. Ive made that password protected. I can DM you the password. 

Maybe button isn't the right request but I think the CSS change makes the most sense here. I currently have two links which direct people towards two different language versions of the site. The current links are set centrally, and I'd like to have these two links separated, by aligning them to the right, possibly with the option of changing the colour too.

 

Share this post


Link to post
  • 0

To make them button, add this to Home > Design > Custom CSS

.header-nav-item [href*="en"] {
    background: red;
    color: white !important;
    padding: 5px 10px !important;
}
.header-nav-item [href*="pt"] {
    background: red;
    color: white !important;
    padding: 5px 10px !important;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

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