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
  • Replies 8
  • Views 1.4k
  • Created
  • Last Reply

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


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