{"id":2025,"date":"2013-03-22T05:51:37","date_gmt":"2013-03-22T12:51:37","guid":{"rendered":"http:\/\/www.brainlitter.com\/?p=2025"},"modified":"2013-03-22T05:51:37","modified_gmt":"2013-03-22T12:51:37","slug":"hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page","status":"publish","type":"post","link":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/","title":{"rendered":"Hiding the Quick Launch in SharePoint 2013 on a single page"},"content":{"rendered":"<p>Don\u2019t mind me. I reach for this enough times that it was worth sharing again.\u00a0 I\u2019m sure there will be dozens of other posts out there with similar CSS but I\u2019m hoping we provide a little twist, at least if you are using the stock Master Pages in 2013 (Oslo\/Seattle, etc.) as we find the padding to be a bit much as well on pages where you typically want to remove the quick launch (dashboards\/user presentation spaces).\u00a0\u00a0 Note, I\u2019m not going to cover how to apply this across all of your pages (Master Pages, CSS style sheets, whatever your poison), this is for those \u201cone off\u201d occasions.<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;margin: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb.png\" alt=\"image\" width=\"519\" height=\"368\" border=\"0\" \/><\/a><\/p>\n<blockquote><p>Interestingly enough (and yay!) Web Part Page templates (you know, when you create a document library and choose Web Part Page as the content type) now include the Quick Launch by default \u2013 previous versions it was pulled out meaning sometimes we had to put it back in \u2026 grrr\u2026)<\/p><\/blockquote>\n<p>Of course, users can quickly \u201cFocus on Content\u201d on a page as well but that will be just for that browser session.<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image1.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb1.png\" alt=\"image\" width=\"213\" height=\"29\" border=\"0\" \/><\/a><\/p>\n<p>The focus on Content icon in SharePoint 2013 also does the trick but it doesn\u2019t \u201cstick\u201d.<\/p>\n<p>So here we go\u2026<\/p>\n<h1>Straight to the CSS<\/h1>\n<p>If you already know how to add a Snippet (yep, way nicer in 2013 than adding a content editor web part (CEWP) and then setting its chrome \u2013 this is faster and easier), then here is the straight goods.<\/p>\n<h3>Hide the Quick Launch (No Frills)<\/h3>\n<pre class=\"csharpcode\">&lt;style type=<span class=\"str\">\"text\/css\"<\/span>&gt;\n#sideNavBox {\ndisplay: none;\n}\n#contentBox {\nmargin-left: 0px;\n}\n&lt;\/style&gt;<\/pre>\n<p><!-- .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, \"Courier New\", courier, monospace; background-color: #ffffff; \/*white-space: pre;*\/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } --><\/p>\n<h3>Hide the Quick Launch (and also remove some of the excess padding)<\/h3>\n<pre class=\"csharpcode\">&lt;style type=<span class=\"str\">\"text\/css\"<\/span>&gt;\n#sideNavBox {\ndisplay: none;\n}\n#contentBox {\nmargin-left: 0px;\n}\n.ms-webpartPage-root {\nborder-spacing: 5px;\n}\n.ms-core-tableNoSpace.ms-webpartPage-root &gt; tbody &gt; tr &gt; td &gt; table\n{\npadding: 5px !important;\nborder-collapse: collapse;\n}\n&lt;\/style&gt;<\/pre>\n<p><!-- .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, \"Courier New\", courier, monospace; background-color: #ffffff; \/*white-space: pre;*\/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } --><\/p>\n<h1>How to Hide the Quick Launch<\/h1>\n<ol>\n<li>Edit the page<\/li>\n<li>Add a web part.\u00a0 Choose Script Editor from the Media and Content Category<\/li>\n<li>Choose Edit Snippet<\/li>\n<li>Paste in the CSS and watch the magic<\/li>\n<\/ol>\n<p>And here it is in visuals\u2026<\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image2.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb2.png\" alt=\"image\" width=\"361\" height=\"194\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image3.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb3.png\" alt=\"image\" width=\"320\" height=\"173\" border=\"0\" \/><\/a><\/p>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image4.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb4.png\" alt=\"image\" width=\"509\" height=\"224\" border=\"0\" \/><\/a><\/p>\n<h1>And the result<\/h1>\n<p><a href=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image5.png\"><img loading=\"lazy\" decoding=\"async\" style=\"padding-top: 0px;padding-left: 0px;padding-right: 0px;border: 0px\" title=\"image\" src=\"\/wp-content\/uploads\/brainlitter\/2013\/02\/image_thumb5.png\" alt=\"image\" width=\"515\" height=\"312\" border=\"0\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don\u2019t mind me. I reach for this enough times that it was worth sharing again.\u00a0 I\u2019m sure there will be dozens of other posts out there with similar CSS but I\u2019m hoping we provide a little twist, at least if you are using the stock Master Pages in 2013 (Oslo\/Seattle, etc.) as we find the &hellip; <a href=\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\"><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_jetpack_memberships_contains_paid_content":false},"categories":[723,14,194],"tags":[794,322],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"og:description\" content=\"Don\u2019t mind me. I reach for this enough times that it was worth sharing again.\u00a0 I\u2019m sure there will be dozens of other posts out there with similar CSS but I\u2019m hoping we provide a little twist, at least if you are using the stock Master Pages in 2013 (Oslo\/Seattle, etc.) as we find the &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Brainlitter - Inside the mind of Sean Wallbridge\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-22T12:51:37+00:00\" \/>\n<meta name=\"author\" content=\"Sean Wallbridge\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sean Wallbridge\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\",\"url\":\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\",\"name\":\"Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\"},\"datePublished\":\"2013-03-22T12:51:37+00:00\",\"dateModified\":\"2013-03-22T12:51:37+00:00\",\"author\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\"},\"breadcrumb\":{\"@id\":\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Brainlitter\",\"item\":\"https:\/\/regroove.ca\/brainlitter\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hiding the Quick Launch in SharePoint 2013 on a single page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#website\",\"url\":\"https:\/\/regroove.ca\/brainlitter\/\",\"name\":\"Brainlitter - Inside the mind of Sean Wallbridge\",\"description\":\"Dad. Husband. Drummer. Learner of Things.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77\",\"name\":\"Sean Wallbridge\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g\",\"caption\":\"Sean Wallbridge\"},\"url\":\"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/","og_locale":"en_US","og_type":"article","og_title":"Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge","og_description":"Don\u2019t mind me. I reach for this enough times that it was worth sharing again.\u00a0 I\u2019m sure there will be dozens of other posts out there with similar CSS but I\u2019m hoping we provide a little twist, at least if you are using the stock Master Pages in 2013 (Oslo\/Seattle, etc.) as we find the &hellip;","og_url":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/","og_site_name":"Brainlitter - Inside the mind of Sean Wallbridge","article_published_time":"2013-03-22T12:51:37+00:00","author":"Sean Wallbridge","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sean Wallbridge","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/","url":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/","name":"Hiding the Quick Launch in SharePoint 2013 on a single page - Brainlitter - Inside the mind of Sean Wallbridge","isPartOf":{"@id":"https:\/\/regroove.ca\/brainlitter\/#website"},"datePublished":"2013-03-22T12:51:37+00:00","dateModified":"2013-03-22T12:51:37+00:00","author":{"@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77"},"breadcrumb":{"@id":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/regroove.ca\/brainlitter\/2013\/03\/22\/hiding-the-quick-launch-in-sharepoint-2013-on-a-single-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Brainlitter","item":"https:\/\/regroove.ca\/brainlitter\/"},{"@type":"ListItem","position":2,"name":"Hiding the Quick Launch in SharePoint 2013 on a single page"}]},{"@type":"WebSite","@id":"https:\/\/regroove.ca\/brainlitter\/#website","url":"https:\/\/regroove.ca\/brainlitter\/","name":"Brainlitter - Inside the mind of Sean Wallbridge","description":"Dad. Husband. Drummer. Learner of Things.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regroove.ca\/brainlitter\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/74e1c0def190f181c1394c2b6d883e77","name":"Sean Wallbridge","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/regroove.ca\/brainlitter\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/adf8cea6291c39d166616f2148d919a6?s=96&d=mm&r=g","caption":"Sean Wallbridge"},"url":"https:\/\/regroove.ca\/brainlitter\/author\/swallbridge\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/2025"}],"collection":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/comments?post=2025"}],"version-history":[{"count":0,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/posts\/2025\/revisions"}],"wp:attachment":[{"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/media?parent=2025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/categories?post=2025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regroove.ca\/brainlitter\/wp-json\/wp\/v2\/tags?post=2025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}