Skip to main content

Hide the left hand navigation on a MindTouch article (TCS)

This page applies to:MindTouch TCS


Explains how to use CSS to hide the left hand navigation on your MindTouch site. 

Basic intro to CSS

CSS stands for Cascading Style Sheets and is used to modify the look & feel of HTML.  CSS is most commonly used to change things like colors and fonts but it can be used to drastically change the layout of a site.  The examples we provide are focused more on simple CSS modifications.

To learn more about CSS please checkout a full tutorial

Embedding CSS into an article

In order to embed CSS into an article you will need to use the following steps

  1. Go to the article that you want to add CSS to 
  2. Make sure the editor is loaded, if it isn't click Edit page
  3. Go to the bottom of the page.
    • If the cursor only shows up in a DekiScript, CSS or JavaScript block just push Shift Enter to escape it. 
  4. In the editor click the Insert menu
  5. Select CSS


  1. Once you have created the CSS block you will need to paste the following CSS
body div.bodyheader div.spacer,
#body div.nav {
body #body {

body #body div.body {
body div.bodyheader {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:1px solid #ccc;
  1. Click Save and check to see if your changes have taken effect

Tips and Tricks

If you want to remove the left hand navigation from all pages simply add the provided CSS to the All Roles CSS textarea in the Control Panel

  • Tools > Control Panel > Custom Site CSS

If you want to apply this CSS to many pages but not all, we recommend creating a new template with the CSS and embedding the template into the pages you want to hide the navigation on.  


Modifying or hiding functionality in your MindTouch Help Center may compromise the usability of your site.  As such these changes are not supported and may need to be reverted to restore full functionality to your MindTouch Help Center.

  • Was this article helpful?