Two header buttons using Ghost Plugins Drop Down Menu

Link: https://gold-grey-pba6.squarespace.com/

Password: LAR

Hello, 

I am using the Ghost Plugins Drop Down Menu and my client is asking for two header buttons. 

I want to add a contact button next to the 'Student Portal' button - Is this possible?

Many thanks, 

Poppy

Use #2 code, I just tested #2 code

Thank you so much this works amazing! 

2 quick things - how do I change the font colour of the Contact Button to white

and also how can I increase the space slightly between the two buttons?

Thank you! 

Change this code

to this

header#header a.second-button {
    background-color: #000 !important;
    color: #fff !important;
    display: inline-block !important;
    margin-left: 20px;
}

That's great - thank you! 

Do you know if there is a way to stop the buttons going over the edge of the page on a smaller size screen? See screenshots attached. 

I moved the menu button to the left but it didn't fix the issue.

Thank you! 

This is your header container width

to prevent this, you need to reduce its width

.header-title-nav-wrapper {
    flex: 1 0 30% !important;
}

.header-layout-nav-center .header-actions {
    width: 63% !important;
}