[Support request] Search bar in middle menu

[Veronica]

Good afternoon: I want to get insert the search bar in the menu, in the middle, between the item category and user, here is the example. I have tried applying CSS but don’t have much knowledge.
The code that so far tempted additional to the one that generatepress gives us is the following.

.inside-header { display: flex;border-bottom: 2px solid red}

input[type=text] {border-radius:20px}

/*Order item del menu*/
nav{margin-top:30px; flex-grow:1}

ul#menu-principal {display:flex; flex-grow:1}
li#menu-item-29{order:1;}
li#menu-item-30{order:3;margin-left:auto}
li.search-item{order:2;}
li.wc-menu-item{order:4;}

Please how could I insert in the middle? Thank you

[David]

Hi there,

try this CSS:

@media(min-width: 800px) {
    .custom-search {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}

[Veronica]

Hello

Thank David. It very good, I already set it to mobile and that’s it.

[David]

Glad to be of help

[Author]

Posts