• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Moving the search bar inside the navigation

dtmcl

Well-known member
I posted this on my own forum and thought I would share it here too :)

Want to see what this wiil do? check out The demo On my forum


Okay, first of all open search_bar.css

Find this code:

Code:
#QuickSearch

    {

        display: block;

        position: absolute;

        right: 20px;

        top: -18px;

        margin: 0;

        background-color: @content.background-color;

        border-radius: 5px;

        padding-top: 5px;

        _padding-top: 3px;

        z-index: 7500;

    }

Edit this to suit your needs:

Code:
 top: -18px;

As an example, the one we use on AdminForums is -35px instead of -18px but this will vary depending on the height of your navigation bar.

Now, the ugly background color is still in place.. hmmm what to do??

Well this is even easier!

Simply remove this code:

Code:
 background-color: @content.background-color;

Now your search box is sitting on your navbar :)
 
If you are using 1.1 Beta you will need to add this to EXTRA.CSS

Code:
.formPopup {
    background: repeat-x  !important;
}
Thank you. Installed and working great. I really appreciate your help. And may I just add you have a fantastic site it has inspired me with mine - can't wait to start showing it off :)
 
Top Bottom