How can I display seveal menus with different classes I have the "joy" to upgrade a Drupal 6 site to Durpal 8. In my Drupal 8 site I have three different menus, which each display different types of nodes. I want to display them in the region of the sidebar_first, but each of them should have a different background colour. E.g. menu A is red, Menu B is blue and so on. This colour should be in the background if the menu is collapsed and expanded.

I tried it this way:

        {% if page.sidebar_first|render %}
            &lt;div class="sidebar_first"&gt;
                &lt;aside id="sidebar-first" class="column sidebar first"&gt;
                    {{ page.sidebar_first }}
                &lt;/aside&gt;
                &lt;aside id="sidebar-first-person" class="column sidebar first"&gt;
                    {{ menu-person }}
                &lt;/aside&gt;
                &lt;aside id="sidebar-first-kinder" class="column sidebar first"&gt;
                    {{ menu-kinder }}
                &lt;/aside&gt;
                &lt;aside id="sidebar-first-kunst" class="column sidebar first"&gt;
                    {{ menu-kunst }}
                &lt;/aside&gt;
                &lt;!-- /#sidebar-first --&gt;
            &lt;/div&gt;
        {% endif %}


But instead of displaying the menu I get a 0. So my guess is that I have to  fill the twig placeholder with values somewhere first. Which would be the approach for this? Write a module? Including other Twig templates?

Here you can see the old Drupal 6 site, which I try to rebuild with Drupal 8.
http://claudiazeppenfeld.de/kunst/fadenerzaehlungen-fuer-porzellan

In Drupal 6 I achieved this with Blocks and Context. I am not sure to solve that in Drupal 8.
Why not just add each menus through block layout interface? visit admin/structure/block.



You will get unique id each.