Hi, I´m looking for a way to change the position of the menu, I need it to be center, 

I tried this  on main frontend layout but me menu does not center. it gos to the left

         <div class="center"> 
                <div class="collapse navbar-collapse" id="top_menu_collapse">
 
                       
                        <ul class="nav navbar-nav ml-auto text-center" id="top_menu">
                            
                            <li class="nav-item divider" t-ignore="true" t-if="not user_id._is_public()"/>
                            <li class="nav-item dropdown" t-ignore="true" t-if="not user_id._is_public()">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
                                    <b>
                                        <span t-esc="user_id.name[:23] + '...' if user_id.name and len(user_id.name) &gt; 25 else user_id.name"/>
                                    </b>
                                </a>
                                <div class="dropdown-menu js_usermenu" role="menu">
                                    <a id="o_logout" class="dropdown-item" t-attf-href="/web/session/logout?redirect=/" role="menuitem">Logout</a>
                                </div>
                            </li>
                        </ul>
          </div>