Hiding Quick Launch (Left Navigation)
The Quick Launch side navigation is contained within a DIV tag that is set to float to the left side of the content area. To hide the Quick Launch, you just need a few lines of custom CSS, as shown in Listing 8-10.
Listing 8-10. CSS to Hide Quick Launch
#s4-leftpanel{
display: none;
}
.s4-ca{
margin-left: 0px;
}
The first CSS property sets the Quick Launch or left panel to not display. But if you used that as your only CSS there would be a large blank spot where the Quick Launch was. This is because the s4-ca class has a margin set to the left of 155px. If you change the margin to “0px”, it will take up the whole content area, as shown in Figure 8-28.
Figure 8-28. Blank site with Quick Launch hidden ...
Get Practical SharePoint 2010 Branding and Customization now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
