Change the slideout Table of Contents' width (Minimalist Theme)

The Minimalist theme uses a slideout Table of Contents, which is set to 360px by default.

If you'd like to change the width of that Table of Contents:

  1. Go to Settings > Style.
  2. Go to Custom HTML > Body.
  3. Copy and paste the code below anywhere into your Body Custom HTML, changing the value="number" to be the pixel width you'd like to use (here, we use 450):
    <input type="hidden" class="slideout-width" value="450">
    Screenshot of the Style Settings Body Custom HTML, showing the sample code addedSample Body Custom HTML
  4. Still in Settings > Style, go to Custom CSS.
  5. Copy and paste the code below into your Custom CSS, changing the width pixel number to match the width you used above (here, we're using 450 again):
    .slideout-menu {
      width: 450px;
    }
    Screenshot showing the Style Settings Custom CSS with the sample code addedSample custom CSS
  6. Save.

For comparison, here's what the knowledge base looked like before these changes, with the default 360px width:

Default 360px width on the Table of Contents

And here's what it looked like after, with the custom 450px width:

Custom 450px width on the Table of Contents