How to float right

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.
https://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