Title Positioning: Move Element Right

Site URL: https://koi-paddlefish-bb2e.squarespace.com/

I have a custom desktop burger menu. I would like to position it to the left of the rest of the menu buttons instead of to the right. I can do this with: 

@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    order: 1;
}
.header .header-burger {
    order: 2;
}
.header-actions.header-actions--right {
    order: 3;
}
}

However, this places the burger menu in the middle of the header, not next to the action buttons.

How can I shift the burger menu to the right? I have tried using positioning properties, but depending on the screen size it is very inconsistent as to where the menu ends up, but admittedly I know very little about what I am doing.

Thank you!

Hi,

What is access password?

Hi tuanphan, 

Thanks for responding again! You helped in the past. The password is HillMountainRiver3

Left of Social Icons or Left of Button?

Left of button. Between the button and the social icons.

Thank you so much! Works perfectly.