Welcome! To use this support forum, please Login or Join Today!

   

How to right-align top social icon menu

{name}
Rank

Total Posts: 27

Joined 2011-10-20

PM

 

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.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

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.

 

{name}
Rank

Total Posts: 27

Joined 2011-10-20

PM

 

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

ST-top_nav.jpg

Click thumbnail to see full-size image

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

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:}

{name}
Rank

Total Posts: 27

Joined 2011-10-20

PM

 

Yep; that simple; thanks!