I tried to move the left side menu to the top of the page. But I need to create a drop down menu. How to achieve this?
Code :
<div class="navbar-collapse collapse" id="oe_main_menu_placeholder">
<ul id="oe_applications" class="nav navbar-nav navbar-left navbar-collapse collapse">
<li class="dropdown active">
<a href="#" class="dropdown-toggle hidden-xs" data-toggle="dropdown">
<i class="fa fa-th-large"></i>
Website
<b class="caret" />
</a>
<ul class="dropdown-menu">
<li t-foreach="menu_data['children']" t-as="menu">
<t t-call="web.menu_link" />
</li>
</ul>
</li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle hidden-xs" data-toggle="dropdown">
<b class="caret"></b>
</a>
<ul id="menu_more" class="dropdown-menu">
<li>
<t t-call="web.menu_secondary" />
</li>
</ul>
</li>
</ul>
</div>
You can hide the left menu with this module: Web Menu Hide/Show
Or you can make what you want with this other module: Advance Navigation For Menu