Jump to content

Is there any way to add a second button to Site Header in 7.1

Recommended Posts

Hello,

I am trying to add two buttons to the Site Header for a Chiro. One to Request Appt and One for New Patients. Is there any way to achieve this in 7.1? 

Also, is there any way to have the two buttons on a separate line in the Site Header? Screenshot attached for reference.

Thank you!

Screen Shot 2020-04-24 at 6.49.56 PM.png

Link to comment

I am trying to add two buttons to the Site Header for a Chiro. One to Request Appt and One for New Patients. Is there any way to achieve this in 7.1? 

You can turn last navigation item to button with this CSS

nav.header-nav-list>.header-nav-item:last-child>a {
    background: blue;
    color: violet !important;
    padding: 10px 5px;
    border-radius: 3px;
}

Also, is there any way to have the two buttons on a separate line in the Site Header? Screenshot attached for reference.

You need to use JavaScript to add new button, CSS above won't work in this case.

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
  • 7 months later...

This seems be the easiest solution that I have found tuanphan.  Is there a way vertically center the navigation headers and the buttons?

Screen Shot 2020-12-23 at 11.01.48 AM.jpg

Edited by LisaWorkingHard
Link to comment
14 hours ago, LisaWorkingHard said:

This seems be the easiest solution that I have found tuanphan.  Is there a way vertically center the navigation headers and the buttons?

Screen Shot 2020-12-23 at 11.01.48 AM.jpg

I think we can use CSS flex. If you share site url, we can give exactly code

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
  • 1 month later...
On 1/28/2021 at 2:24 AM, RTAAMarketing said:

Hi @tuanphan Im having the same issue as above. Could you help please? I'd vertically center the navigation headers and the buttons as well. Did you ever find a solution?

Can you share site url? We can check easier

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 2/3/2021 at 12:02 AM, RTAAMarketing said:

Yes. Ill have to add you as the site isnt live yet.

You can setup password & share url.

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

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.