Button in header

Hi all

Hope someone can help. 

I'm trying to move the button in the header menu to top right corner, as seen on attached image. Can you help?

+ also remove hover color on button and replace with an underline. Like the main menu. 

https://apricots-reed-54hl.squarespace.com/

Thank you very much in advance. 

Alastair

Try this Custom CSS:

.header-display-desktop {
    align-items: flex-start;
}

@halfhide Pease use this CSS code.

 

.header-actions--right .header-actions-action--cta .sqs-button-element--tertiary {
    position: absolute;
    top: -30%;
    right: 0;
}
.header-actions--right .header-actions-action--cta .sqs-button-element--tertiary:hover {
    text-decoration: underline;
    opacity: 1;
}

Hi there! Thank you so much! It was very helpful!