Simple WordPress Themes

I have one social icon item, a Facebook link, that is in the top social icon menu. How can I right-align that, so that it is placed where the Search box is shown on your demo? (I have removed that nav_search.) It will help give the right-hand side of the site some definition.

Assuming you’ve removed

 <div id="nav_search">
 <?php get_search_form(); ?> 
 </div>

from header.php, you would add something like this to your CSS:

.topnav li.facebook {
 float: right;
 position: relative;
 left: 500px;
}

The 500px is a variable depending on the number of menus in your top menu.

Thanks for fast reply; it looks great on the right side (740px did it).
However, as you can see in attached image, there remains an empty box on the left side.
Edit: It’s actually the white vertical bar on the left side (under the “n” in “Attachments”) I want to remove. The gray bar on the far left is good to leave as it mirrors the gray bar on the far right side.
It would also be good if I could change the white bar on the right side—next to the Facebook icon—to gray, matching the far right bar.

Image Attachments

Click thumbnail to see full-size image

Can you share a link so I can see what you have? I was assuming you just wanted to move one menu item over. To move the whole menu over might just be a matter of changing one line.

Something like this maybe?

.topnav ul {float:right:}

Yep; that simple; thanks!