Navbar responsivo

Código CSS/HTML
1

Oi pessoal tudo bem? Alguém sabe a melhor maneira de tornar a navbar abaixo responsiva? Já tentei de algumas maneiras mas desconfigura os elementos. Estou aplicando em um site da Loja Integrada.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="topnav" id="myTopnav">
    <div class="logonav">
  <img src="https://cdn.awsli.com.br/2299/2299077/arquivos/logomenor.png" alt="logo" style="height:80px">
        </div>
  <li><a href="/">Banheiro</a></li>
  <li><a href="/">Cozinha</a></li>
  <li><a href="/">Jardim</a></li>
  <li><a href="/">Decoração</a></li>
  <li><a href="/">Tecidos & Parede</a></li>
  <li><a href="/">Utilidades</a></li>
  <li><a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>

Obrigada!
2

@Julia_Wollmann tudo bem com você?

Espero que sim.

Para os ajustes no CSS/HTML não prestamos suporte, nesse caso poderá solicitar ajuda a um de nossos parceiros ou aqui na Comunidade com os demais lojistas.

Qualquer duvida estou por aqui, combinado?