Logo und Buttons im Header bündig mit Page-Content

[custom3]

Hallo zusammen,

leider kann ich aktuell keinen Link zum Shop posten, da dieser noch nicht online/live ist.

Ich verwende das Theme "Debut" und würde gerne das Logo, welches aktuell in der linken oberen Ecke sitzt und die Buttons die sich in der rechten Ecke befinden mit dem Page-Content zentrieren.










Aussehen solle es dann idealerweise so:









Leider habe ich es bisher nicht hinbekommen die Elemente umzupositionieren.
Kann jemand dabei helfen?

Vielen Dank!

[custom3]

Erledigt:

.site-header {
    padding-left: 55px;
    padding-right: 55px;
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 749px) {
   .site-header {
     padding-left: 22px!important;
     padding-right: 22px!important;
   }
}