SharePoint CSS Tricks: Shift the top tool navigation to the left

Have you ever wanted to move the very top tool navigation of a portal or WSS site over to the far left of the screen? This comes in handy especially if you have created a new site header graphic and would like that screen space for your custom graphics instead of navigation.

Add this custom CSS statement to your CSS file to move over that top navigation:

.ms-bannerframe .ms-banner {
padding-right: 10px;
vertical-align: top;
padding-top: 3px;
text-align: right
}

Applies to:

 

    • WSS Top Nav (Documents and Lists, Up to Site Link, Create, etc.)

 

  • Portal Top Nav (Site Settings, My Site, Help, etc.)

Additional Resources: