Hi all i found this post here about inserting menu items in a html block https://www.boonex.com/forums/topic/Many-Items-on-Navigation-Menu.htm
this works great but i would like to add a sub-menu item to the dropdown menu items so when you click on drop down gives a list then click on that item to show sub menu
<ul>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="title1">Social Menu <i class="icon-arrow"></i></a>
<ul class="dropdown-menu">
<li><a href="http://www.com/m/groups/home/" class="title1">Groups</a>
<li><a href="#">Who We Are</a></li>
<li><a href="#">What We Do</a></li>
</li>
<li><a href="http://www.com/m/info/home/" class="title1">Articles</a></li>
<li><a href="http://www.com/m/events/home/" class="title1">Events</a></li>
<li><a href="http://www.com/blogs/home/" class="title1">Blogs</a></li>
<li><a href="http://www.com/forum/" class="title1">Forum</a></li>
<li><a href="http://www.com/m/poll/&action=poll_home" class="title1">Polls</a></li>
<li><a href="http://www.com/m/chat/home/" class="title1">Chat</a></li>
</ul>
</li>
Ive tried hidden class also but that didnt work maybe need to add different .show on menu not sure any help/pointers would be appreciated
thanks