Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

How to Change Search Box Place...?

I want to How to add header or side place search box...?



  • @whu606 Thanks...

    I moved this code.but search box is very long.. i how to put small search box...?

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    Use a css rule to make the input box smaller. Use a web inspector to see the name of the element and apply the width you want.

    for example:
        .navbar-form .form-control {
        display: inline-block;
        width: 200px;
        vertical-align: middle;
    .SiteSearch,.Search {
    form input.InputBox{

    But you need to see what the element is called so you can create a css rule for it or edit an existing one.

  • edited October 2014

    @minura said:
    I want to How to add header or side place search box...?

    Hi, did you get it to work ? How can I remove Categories and tags that display in the right side bar ?

  • fienenfienen Pittsburg, KS New

    I used the Pocket addon, and created a "Footer Scripts" pocket at the bottom of the page, then used jQuery to just move the element in the DOM. That way, it goes where I want, and I don't have to manipulate the base theme code.

Sign In or Register to comment.