MyBB Community Forums

Full Version: Adjust Search Bar Position
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I can't seem to figure out how to move my search box in line with my top links. As you can see here:
http://i.imgur.com/ewZyyDw.png

The search bar is off the bar I want it on. Here is the code for my header template:

<div id="logo">
 <div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
{$quicksearch}
</ul>
</div>
</div>

And here is my search box CSS:
#search {
 border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}

#search input.button,
#search input.textbox {
border-color: #000;
}

#search input.button {
background: #0066a2 url(images/cleanorange/thead.png) top left repeat-x;
color: #fff;
}

#search input {
margin: -3px 0;
}

I just want it up in line with the top links but still floating right.
may be style property margin-top: -10px; works (add !important if required)