[Support request] Search bar in middle menu

Home Forums Support Search bar in middle menu

  • This topic has 3 replies, 2 voices, and was last updated 2 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1381116
    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;}


    null

    Please how could I insert in the middle? Thank you

    #1381444
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

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

    Hello

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

    #1382660
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.