Update Documentation about pico

[jasonrobb]

There are two ways I can think of off the top of my head.

1. You could hard-code your navigation onto the page. Go to /themes/default/index.html and start writing your HTML right before the {{ content }} tag on line 20 (I think).
2. You could put your navigation in a separate file called nav.html, save it in the /themes/default/ folder.

Then, in /themes/default/index.html on line 19 (after the body tag and before the {{ content }} tag) write: {% include 'nav.html' %}.

If you want to make your navigation dynamic, you'll have to read the Twig manual to figure that out: http://twig.sensiolabs.org/documentation

Good luck!

[everslick]

insert something like this in your theme index.html:

   <header id="header">
     <div class="inner">
         <h1><a href="{{ base_url }}">{{ site_title }}</a></h1>

         {% set delim = config.menu_delimiter|default('|') %}
         {% set menu_headers = [] %}

         {% for page in pages %}
            {% set title = page.title|split(delim) %}
            {% if (title|length == 2) and (title[0] not in menu_headers) %}
               {% set menu_headers = menu_headers|merge([title[0]]) %}
            {% endif %}
         {% endfor %}

         <div class="right">
            <ul id="TopMenu">
               {% for menu_header in menu_headers %}
                  <li>
                     <a href="#">{{ menu_header }}</a>
                     <ul class="noJS">
                        {% for page in pages %}
                           {% set menu_item = page.title|split(delim) %}
                           {% if (menu_item|length == 2) and (menu_item[0] == menu_header) %}
                              <li><a href="{{ page.url }}">{{ menu_item[1] }}</a></li>
                           {% endif %}
                        {% endfor %}
                     </ul>
                  </li>
               {% endfor %}

               {% for page in pages %}
                  {% set menu_item = page.title|split(delim) %}
                  {% if (menu_item|length == 1) and (page.title != '') %}
                     <li><a href="{{ page.url }}">{{ page.title }}</a></li>
                  {% endif %}
               {% endfor %}
            </ul>
         </div>

      </div>
   </header>

Now you can prefix the Title: in your pages with a menu i.e. Nice Menu|Original Tile for Page

Default delimiter is "|", can be overridden in config.php

I used this here: 1541.org

best regards...
clemens