menu Desktop Burger Menu center aligned next to logo (7.1)

Hi everyone,

I'm trying to get the burger menu that I implemented on the desktop view center aligned next to the logo (like shown on the screenshot enclosed) but can't figure out how to do that.

Does anyone have a solution for that? 

Link to site: https://www.bureauk.com/home
PW: bureaukhome

Add to Design > Custom CSS

/* center logo burger on desktop */
@media screen and (min-width:992px) {
.header-display-desktop {
    justify-content: center !important;
}

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

.header-title {
    width: 10% !important;
    flex: 1 1 10% !important;
}
.header-display-desktop:after, .header-display-desktop:before {
    content: "";
    width: 40% !important;
}
}

Thank you so much @tuanphan - you are the best!
 

On 3/16/2022 at 2:58 PM, digitalnomadin said:

Thank you so much @tuanphan - you are the best!
 

Do you need to remove scroll bar on right?

Thanks for asking @tuanphan - there is actually no scrollbar on my screen, even if I resize it.