[Resolved] Search box between logo and top navigation

Home Forums Support [Resolved] Search box between logo and top navigation

Home Forums Support Search box between logo and top navigation

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1141928
    Bryan

    Need to add a search box inside_navigation between the logo and primary nav. I set up an element to run inside_navigation, but it places the search box before the logo. Not sure where to go from here.

    With element hook
    Using element hook

    Desired results
    Desired result

    Thanks,
    Bryan

    #1141941
    Leo
    Staff
    Customer Support

    Hi there,

    You are on the right track.

    Can you add it in with a <div> and I can provide some CSS?

    <div class="menu-search-box">
        search box here
    </div>
    #1142518
    Bryan

    Hey Leo – Done. It’s ready for you to look at.

    Thanks!
    Bryan

    #1142523
    David
    Staff
    Customer Support

    Hi there,

    add this CSS:

    .main-navigation .navigation-branding {
        order: -1;
    }
    .menu-search-box {
        margin-right: auto;
    }
    .menu-search-box .acadp .form-group {
        margin-bottom: 0;
    }

    Not sure what you want to with it on Mobile, you can add the hide-on-* classes to your HTML:

    https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

    #1142676
    Bryan

    You guys are awesome! CSS wizardry 🙂

    #1142811
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.