Menu structure (nav:)

Wikidot has two navigational menus.

The menu at the top is called the Top Bar, or Top Menu.

The menu at the side is called the Side Bar, or Side Menu.

Top Menu Bar - nav:top

What is it?

  • The top menu bar menu is the horizontal bar located at the top of your wiki page.
  • it is sometimes called nav:top because the source page for nav:top is located
  • the top bar menu usually consist of link in a list, although the list can also consist of just text in the format [# your text]

Editing the Top Menu Bar

The top menu bar can be edited by going to it's location http://yourwiki.wikidot/nav:top and clicking on edit at the bottom of the page, just like you would edit any other page.

the list by default can go no more that one level of nesting. this means that you will have the main horizontal menu and the submenu, the drop down items. it will look like this


how to customize the top bar

  • Goto
  • Click on edit at the bottom of the page
  • when the edit window comes up, the code will look like this
* [# example menu] 
 * [[[example item 1]]]
 * [[[example item 2]]]
* [[[contact]]]
note that the example item 1 & 2 are at level one nesting so they will appear in the drop down menu
  • now lets edit the top bar. lets say we want to add a link to the home page, the forum, the site manager, and a contact link.
  • first we probably want the home page and forum start links to be im one submenu under site naviagtion
  • so first we change [#example menu] top navigation. make sure you leave the # because if you dont, instead of just saying site navigation, it will be linking to a page called site navigation.
  • next, change the [example item 1] to [[[start|home page]]] and [example item 2] to [[[forum:start|Forum]]].
  • now since we want a contact link, we will leave [[[contact]]]
  • lastly, we want to add a link to the site manager. so what we do is add a bulleted after the contact link. after that, just add you link [[[admin:manage|site manager]]] so the code looks like this * [[[admin:site|site manager]]]
  • now were all done! so lets look at our finally code, and what this should end up looking like.

the code:

* [# site navigation] 
 * [[[start|home page]]]
 * [[[forum:start|forum]]]
* [[[contact]]]
* [[[admin:manage|Admin]]]

this should end up looking like this


Remove the Top bar menu

the top bar can simple be removed by goin to the site manager->appearance->navigation elements and removing nav:top were it ask for the page you top bar is located

Side Menu - nav:side

The side menu is located at the side of your wiki page. usually at the left. It is sometimes called nav:side because the source page for nav:side is located at

CSS - Custom Side Bar

The side bar in general is selected using the #side-bar id selector. Some common examples :


#side-bar { width:150px; }

Removing the Side Menu

Can only be done by the site admin on the "Site manager" (page "admin:manage") under menu "appearance" :

A) Menu "Themes":
You have to select for specified categories of pages ( what is a category? See "category" )
a (predefined) "theme" without a "side-bar" (most standard themes have a variation without a side bar).
=> click on one of the themes to select them and have a look on the araising variations…

B) Menu "Navigation elements"

You have to chose a category and than you can decide the name of the nav:… page to use - or blank it out!

if you have lost by mistake all menus - than you can always key in the "admin:manage" page name in the adress-bar of your explorer after the "…"…

Foldable List Container

Links in the side menu can be made foldable by using a special div class :

[[div class="foldable-list-container"]]
* Top Link (handle)
 * Foldable Link
 * Foldable Link
 * Foldable Link

Editing menus


Created by: samooresamoore

Bookmark and Share

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License