title: Adding extra menu in twig template symfony 2.5.3
body: <p>I am a Symfony beginner my approach might not be the right way to do things so please help me what am i doing wrong. In my <code>base.html.twig</code> i am including a 'menu template' <code>{% include'::menu.html.twig' %}</code> This holds all the default top menu items which is working fine.</p>
  
  <p>Now what i am trying to do is on a <code>about</code> page I need additional menu option called 'Extra', it does appear but not as a part of a menu. I thought if you call <code>parent()</code> this should work just like when you are trying to add extra css or js files using <code>parent</code></p>
  
  <p>This is what my <code>about.html.twig</code> looks like</p>
  
  <pre><code>{% extends "::base.html.twig" %}
  
  {% block topmenu %}
      {{ parent() }}
      &lt;li&gt;&lt;a href=""&gt;Extra&lt;/a&gt;&lt;/li&gt;
      {% endblock %}
  
  {% block body %}
  This is body
  {% endblock %}
  </code></pre>
  
  <p>And this is what I see in browser, the menu option <strong>Extra</strong> needs to be the part of rest of the menu</p>
  
  <p>I will really appreciate any assistance here.
  <img src="https://i.stack.imgur.com/KA4gd.png" alt="enter image description here"></p>
  
  <p>This is what my <code>menu.html.twig</code> looks like</p>
  
  <pre><code>{% block topmenu %}
      &lt;header class="navbar navbar-inverse navbar-fixed-top wet-asphalt" role="banner"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="index.html"&gt;&lt;img src="" alt="logo"&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="collapse navbar-collapse"&gt;
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      &lt;li class="active"&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;About Us&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Services&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Pages &lt;i class="icon-angle-down"&gt;&lt;/i&gt;&lt;/a&gt;
  
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Blog&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
  {% endblock %}
  </code></pre>