Supporters of End User
Web

Brand SharePoint: Sticky Quicklaunch Navigation

Item is currently unrated. Press SHIFT+ENTER to rate this item.1 star selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+ESCAPE to leave rating submit mode.2 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.3 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.4 stars selected. Press SHIFT+ENTER to submit. Press TAB to increase rating. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.5 stars selected. Press SHIFT+ENTER to submit. Press SHIFT+TAB to decrease rating. Press SHIFT+ESCAPE to leave rating submit mode.
Categories:Branding; CSS; Navigation; Site Manager/Power User; MOSS; WSS; 2007; 2010; Content Editor Web Part

You may also be interested in: The SharePoint Shepherd's Guide for End Users from SharePoint Shepherd

 

Editor's note: Contributor Benjamin Niaulin is a SharePoint Specialist at Groupe GSoft Inc. Follow him @bniauli

Yes, you can easily make the Quicklaunch stick to the left of your site and always stay there as you scroll down your content.


<style>
div #s4-leftpanel{
  position:fixed;
}
</style>

Put that in your Content Editor Web Part HTML Source Editor or apply it to your CSS to get the sticky quicklaunch on the left.

You will go from here:

2012-07-03-StickyQuickLaunch-01.png

To there, keeping the quicklaunch:

2012-07-03-StickyQuickLaunch-02.png

2012-07-03-StickyQuickLaunch-03.png**Be careful though with this approach**

Some SharePoint controls show up under the Quicklaunch. For example the Metadata Navigation and the Filters. You might not be able to see them anymore or access them.

2012-07-03-StickyQuickLaunch-04.png

Brand SharePoint Series:

Comments

Notify me of comments to this article

E-mail:
   

Add Comment

Title:

 
Comment:
Email:

   


Name:

 
Url: