You can do this by editing searchform.php in the theme folder and adding some CSS. I found that each of the items in the menu had a
<li> class, so I added <li class="menuSearch"></li> around the code.
Then in style.css I added
.menuSearch{
display: inline;
float: right;
margin-right: 7px;
position: relative;
list-style-type: none;
}
I hope this helps!
Hi,
Can you please explain better what to do to get the search box float on the right? I tried to do what you said, but nothing changes.
I added via FTP <li class=”menuSearch”> to searchform.php in the theme folder. Then I added above code to custom CSS.
What did I do wrong?
Thanks for your answer
Rianne
Hi Rianne,
Maybe you have a conflicting style somewhere else? Please send me the link to the site and maybe I can help further.
Ilana
Hi llana,
Sorry I was away for a few days. This is the link to my site.
http://e-wise.nhtv.nl/wordpress
I put in the code as you said, but the search box doesn’t move to the right.
I’m celebrating a holiday this week. Will do my best to take a look early next week.
Sorry to answer latly…
just open SearchBox-On-Nav_Menu.php file in the plugin folder.
then find the line
$items .= '<li>' . $searchform . '</li>';
and replace the line with this —
$items .= '<li style="float: right;">' . $searchform . '</li>';
This will work
Unfortunately, it doesn’t. I’ve tried every trick in the CSS book and this search box won’t budge.
$items .= ‘<li style=”float: right; margin-right: -200px;”>’ . $searchform . ”;
try this it works
