Remover barra de pesquisa e colocar apenas um ícone

Boa noite alguém pode me ajudar ?
gostaria de remover a barra de pesquisa do meu site e colocar apenas um ícone de pesquisa que ao clicar nele a barra apareceria para fazer a pesquisa
meu site www.importadostop.com
Muito obrigado

veja se isso resolve:

CSS

.busca input {
  display: none
}

Javascript

$(function() {

$(".botao-busca").on("click", function(e) {
      
      if ($(".busca input").val() == "") {
      	e.preventDefault();
        $(".busca input").toggle()
      }
      
    });


});
3 Curtidas