I am trying to find a way to add additional text to drupal's menu links. Specifically, I would like to add text between the closing 'a' and 'li' tags for each link. This text would be a combination of text and html codes.
So, for the following example:
<nav class="navigation">
<h2 class="element-invisible">Main menu</h2>
<ul id="main-menu" class="links inline clearfix main-menu">
<li class="menu-1 first active"><a href="/" class="active">Home</a></li>
<li class="menu-2"><a href="/2" title="2">Link 2</a></li>
<li class="menu-3"><a href="/3" title="3">Link 3</a></li>
<li class="menu-4 last"><a href="/4" title="4">Link 4</a></li>
</ul>
</nav>
I want to add:
<nav class="navigation">
<h2 class="element-invisible">Main menu</h2>
<ul id="main-menu" class="links inline clearfix main-menu">
<li class="menu-1 first active"><a href="/" class="active">Home</a>some text here</li>
<li class="menu-2"><a href="/2" title="2">Link 2</a>some text here</li>
<li class="menu-3"><a href="/3" title="3">Link 3</a>some text here</li>
<li class="menu-4 last"><a href="/4" title="4">Link 4</a>some text here</li>
</ul>
</nav>
Like this:
<li class="menu-1 first active"><a href="/" class="active">Home</a>
<div class="hello">
<h2>Hello World!</h2>
</div>
</li>