[Support request] Center Mobile Menu and Search Box

[Gonzalo]

Hi,
How can I center (on mobile) the menu button and the search box so they are centered below the logo?
Sort of what you see on the desktop version.
https;//svpremier.com

Thanks!

[Gonzalo]

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!

[Fernando]

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;
    }
}

[Gonzalo]

That worked thanks!!

[Fernando]

You’re welcome, Gonzalo!

[Author]

Posts