Help with navigation issue.

The live site is a much better for seeing what it going on. I would do something like this. Set your div container clear fix underneath your menu div to a different container. You can set it to 100% or whatever fits your interest on that. Then just add padding-left:30% so that it will bump it over. Then add your social media icons using your list. Add whatever padding to left of that if that is something that you are looking for.

Hope this helps

Basically left is how its appearing and right is how I want it

My thought is to add a position element. It is hard to say without actually seeing the CSS.

It would something like this

.nav {
   position:relative;
   left: 200px;  /* something like that... it could be an em but I don't know your css.
}

http://i1299.photobucket.com/albums/ag76/atdavies/Untitled-3_zps0e074709.png

thats the css/html

when i increase the width of 500 it pulls everyting to the left. I want 2x icons on the far right and the text centered still

www.atdavies.co.uk is the live site

I'm not sure if adding them to your nav bar would be the best way to float them to the far right of the screen on the same level.

I think it could help to know the reason you wish to have it in the nav. Here are the reasons that I think you want them in the nav:

• You want your social network buttons to be visible in the nav menu when it collapses for mobile devices. OR,
• you want your social network links to be visible in the nav menu when it collapses for mobile devices

Is this right?

I want them on that bar because it follows the page when scrolled (it's a one page site) I totally forgot about the collapse tbh but i can also reference them in the footer. I'll have a look at it tomorrow Derek but that sounds like it may do the trick