Conditional pull-down menu

QUESTION

Good morning,

The question is that I have a higher menu, but I want the last section to be conditional, and only appear when it is not logged. So far no problem.

The quebradero of head arises to me now, and is that when I am logeado I want to replace that li for a div that until now I had placed in the part superior of the page. But obviously I can not place a div in a list ...

How can I put it following the current structure?

This is the top menu.

<div class="col-md-8">
    <nav class="nav-main">
        <ul>
            <li><a id="aQuienesSomos" runat="server" href="#">Quienes Somos</a></li>
            <li><a id="aServicios" runat="server" href="#">Servicios</a></li>
            <li><a id="aListadoOfertas" runat="server" href="../sec_publico/OfertasListado.aspx">Ofertas de empleo</a></li>
            <li><a href="#">Contacto</a></li>
            <li class="login"><i class="fa fa-user-circle"></i> <a id="aLogin" runat="server" href="#">Zona Privada</a></li>
        </ul>
    </nav>
</div>

This is the div of the user that I have so far:

<div class="menu-user">
    <label for="ac-2" class="label-user"> <i class="fa fa-user-circle"></i>&nbsp;<asp:Label ID="LblNombreInicio2" runat="server"><%=devolvernombre%></asp:Label> <i class="fa fa-caret-down "></i></label>
    <input id="ac-2" name="accordion-1" type="checkbox" />         
    <div class="menu-dropdown">
        <ul>
            <li>
                <a ID="aMisOfertas" class="pure-button" runat="server" value="">
                    <i class="fa fa-briefcase "></i> Mis ofertas
                </a>
            </li>
            <li>
                <a ID="aPerfil" class="pure-button" runat="server" value="">
                    <i class="fa fa-id-card"></i> Mi Perfil
                </a>
            </li>
            <li>
                <a ID="aSeguridad" class="pure-button" runat="server" value="">
                    <i class="fa fa-lock "></i> Cambiar contraseña
                </a>
            </li>
            <li>
                <asp:LinkButton ID="abandonar" class="pure-button perfilbtn" runat="server" OnClick="abandonar_Click" value="">
                                                        <i class="fa fa-sign-out"></i> Desconectar
                </asp:LinkButton>
            </li>
        </ul>
    </div>
</div>

And in this else is where I would like to place the div instead of the current li:

<div class="col-md-8">
    <nav class="nav-main">
        <ul>
            <li><a id="aQuienesSomos" runat="server" href="#">Quienes Somos</a></li>
            <li><a id="aServicios" runat="server" href="#">Servicios</a></li>
            <li><a id="aListadoOfertas" runat="server" href="../sec_publico/OfertasListado.aspx">Ofertas de empleo</a></li>
            <li><a href="#">Contacto</a></li>
            <% If Yo Is Nothing Then%>
            <li class="login"><i class="fa fa-user-circle"></i> <a id="aLogin" runat="server" href="#">Zona Privada</a></li>
            <% Else%>
            <%End If%>
        </ul>
    </nav>
</div>