muk_web/muk_web_theme/static/src/xml/navbar.xml

<?xml version="1.0" encoding="UTF-8"?>

<!--     
	Copyright (C) 2018 MuK IT GmbH
	
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>. 
-->

<templates id="template" xml:space="preserve">

	<t t-extend="Menu">
        <t t-jquery=".o_menu_systray" t-operation="after">
            <button class="mk_menu_sections_toggle d-md-none" data-toggle="collapse"
            		data-target=".o_main_navbar > .o_menu_sections">
                <i class="fa fa-bars"/>
            </button>
        </t>
        <t t-jquery=".o_menu_systray" t-operation="after">
			<div class="mk_apps_sidebar_panel" />
        </t>
    </t>
	
	<t t-name="muk_web_theme.MobileMenu.link">     
	    <t t-set="depth" t-value="(depth || 0) + 1"/>
	    <t t-if="!menu.children.length">
	    	<li>
		        <a role="menuitem" t-attf-class="dropdown-item o_menu_entry_lvl_#{depth}"
		        	t-attf-href="#menu_id=#{menu.id}&amp;action=#{menu.action ? menu.action.split(',')[1] : ''}"
		        	t-att-data-action-model="menu.action ? menu.action.split(',')[0] : ''"
			        t-att-data-action-id="menu.action ? menu.action.split(',')[1] : ''"
			        t-att-data-menu="menu.id" 
			        t-att-data-menu-xmlid="menu.xmlid"
			        data-toggle="collapse" data-target="#o_navbar_collapse.in">
	                <span>
	                	<t t-esc="menu.name"/>
	                </span>
	            </a>
            </li>
	    </t>
	    <t t-else="">
	   		<li class="mk_menu_mobile_section">
                <a role="button" href="#" t-attf-class="dropdown-toggle o-no-caret o_menu_header_lvl_#{depth}" 
						t-att-data-menu-xmlid="menu.xmlid" data-toggle="dropdown" aria-expanded="false">
                    <span>
	                	<t t-esc="menu.name"/>
	                </span>
                    <span class="fa fa-chevron-right float-right"/>
                    <span class="fa fa-chevron-down float-right" style="display: none;"/>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <t t-foreach="menu.children" t-as="submenu">
                    	<t t-call="muk_web_theme.MobileMenu.link">
	                        <t t-set="menu" t-value="submenu"/>
	                    </t>
                    </t>
                </ul>
            </li>
	    </t>
	</t>
	
    <t t-name="muk_web_theme.MobileMenu.sections">
    	<t t-set="isMobile" t-value="true"/>
	    <t t-foreach="menu_data.children" t-as="topmenu">
	        <section t-att-class="topmenu.id">
	            <t t-if="topmenu.children.length">
	                <t t-foreach="topmenu.children" t-as="submenu">
	                    <t t-call="muk_web_theme.MobileMenu.link">
	                        <t t-set="menu" t-value="submenu"/>
	                    </t>
	                </t>
	            </t>
	        </section>
	    </t>
	</t>

</templates>