estou querendo adicionar uma LI entre duas LI de uma UL. Eu não tenho acesso ao codigo CSS/HTML do template do site, se não criaria facilmente, então to pensando em adicionar via html e javascript.
Já tentei de tudo e não consegui, alguem teria uma ideia de como poderia realizar isso?
queria inserir essa LI
<li><a<li>
<a href="https://www.xyz.com.br/" title="XYZ">
<img src="https://xyz.com.br/xyz.png" alt="xyz" width="200px">
</a>
</li>
Segue o codigo...
<div class="atalhos-mobile visible-phone fundo-secundario borda-principal" style="background-color: rgb(255, 0, 128); border-bottom: 1px solid rgba(44, 43, 43, 0.18);">
<ul>
<ul>
<li class="menu-mobile-botao"><buttonbotao">
<button type="button" class="navbar-toggle" data-toggle="slide-collapse" data-target="#slide-collapse" aria-expanded="false"><svgexpanded="false">
<svg class="icone-menu" style="fill: rgb(255, 213, 65);"><use;">
<use xlink:href="#icone-menu"></use><use>
</svg><svg>
</button><button>
</li>
**//////////// QUERIA COLOCAR A LI AQUI ////////////////////////////**
<li class="home-mobile"><amobile">
<a href="https://www.xyz.com.br/" class="">
<svg class="icone-home" style="fill: rgb(255, 255, 255);"><use;">
<use xlink:href="#icone-home"></use><use>
</svg><svg>
</a><a>
</li>
</ul>
</div>