Follow

How do I edit sidebar navigation for a site section in the CMS?

Before editing your sidebar navigation please visit Navigation.

By default your web pages will contain sidebar navigation corresponding to the main website shell. However, you can customize the sidebar navigation specific to a site section. Remember a site section is a directory in your website that contains an index page and several control files including a _sidenav.inc file.

  1. Submit a Support Ticket containing the URL/link to a page within the Site Section which you would like to have it's own custom sidebar navigation. We'll setup the _settings.inc file for you in that Site Section which will enable your custom side navigation.
  2. Once we've completed this for you, login to the CMS by navigating to a page on your website and clicking the Direct Edit link.
  3. Click Content then Pages.


  4. Navigate to the site section for the page you will be editing.
  5. Click on the control file _sidenav.inc.
  6. Insert the Sidebar Navigation Snippet by clicking on the Snippet tool and searching for Sidebar Navigation Snippet.


  7. Replace the placeholder text by clicking into each line. Please be aware the text in this file has been formatted as to appear correctly on a computer monitor as well as on a phone. Do not make changes to the text formatting. It will appear something like this:


  8. The first bullet in the list, in the above example "Site Name," is the home button for your site. You may rename it but please do not delete this field. It is the only obvious way for a mobile user to return to your home page. To change the text for any of the bullets, simply click into the word and delete and/or type as you would in any word processor.
  9. If you are creating a sub list and indent your bullet points below an item, this will appear on the website as an expandable list.


  10. Once you have finished working with the text of the sidebar, it is time to include links. This should be done after all your other pages have been created that way your sidebar navigation can have items to link. For help with this, visit How do I add a link?.
  11. When you have finished editing your sidebar navigation, save and preview the page to ensure your Snippet has rendered correctly.
Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request