Center Mobile Menu and Search Box

Sorry, I just realized I had the wrong setting.
I redesigned the header to have the logo on the left and menu and search box on the right and I noticed the search box (on desktop) when you click on it does not really work, you cannot type anywhere.

Also, how can I have the menu icon show first (left of the search icon)? Right now the menu icon is right of the search icon.

Thanks!

Hi Gonzalo,

Can you try adding this CSS?:

@media (min-width: 1025px){
form.search-form.navigation-search.nav-search-active {
    width: 500px;
    right: 0;
    left: unset;
}
    span.menu-bar-item.slideout-toggle {
        order:-1;
    }
}

That worked thanks!!

You're welcome, Gonzalo!