move Search bar in navigation

Viewing 5 posts - 1 through 5 (of 5 total)
  • #14987
    lifespice
    Participant

    Hi All,

    Does anybody know of the quickest way to add the search bar inside the navigation menu?

    http://life-spice.org/

    Cheers,

    #14989
    Kashemy
    Participant

    As far as i know, that’s not possible.

    You can however put a link to a search page in the navigation.
    And then let people search your site from there.

    #14990
    lifespice
    Participant

    So there is no way to move the current search bar into the main navigation bar div?

    That sux πŸ™

    #14999
    PCCh
    Participant

    (Sorry, even though I am using the code button, this editor is stripping out the code)

    Do keep in mind, that if you insert a search form into the nav bar, you may have display issues in mobile view, as the form will tend to attempt to blend in with the mobile nav button.

    But…

    You can add a search form to the nav bar by inserting:

    in the header.php file (either theme or child) below this:

    You can then position the form using this:

    nav#access > div#search > form#searchform { }

    and style the form itself useing this:

    nav#access > div#search > form#searchform > input#s { }

    and remove the original form using this:

    header#header >
    form#searchform {
    display:none;
    }

    NOTE: I have better results inserting custom css using plugins such as Live CSS Preview or PC Custom CSS.

    #15015
    lifespice
    Participant

    Hi PCCN,

    Thanks, I’ll give it a go and test it out on a few mobile devices to see exactly how bad it is with the handheld devices.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.