Excluir campo de busca

Boa tarde, achei um css em que a barra de busca é expansível (como aqui da comunidade), porém não consigo desabilitar a que vem por padrão da LI. Alguém pode me ajudar?
O css da barra nova é esse:

/* barra de busca expansiva */

.container {
width:100%;
position: relative;
height: 50px;
}
input {
height: 50px;
border: none;
outline: none;
padding-left: 50px;
width: 0;
position: absolute;
top: 0;
left: 0;
background: none;
z-index: 3;
transition: width 1s ease-out;
cursor: pointer;
}
input:focus {
border: 1px solid #ccc;
border-radius: 25px;
width: 100%;
z-index: 1;
transition: width 1s ease-in;
}
button {
height: 50px;
width: 50px;
background: url(‘lupa.png’) center no-repeat;
border: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
}
button:focus {
outline: none;
}
/* esconde o LABEL “Buscar” */
label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}

Amigo esse código não esta funcionando 100%, tentei implementá-lo na minha loja mas não deu muito certo, mas se você quiser tentar mesmo assim, para substituir a busca antiga por esse código seu altere o .conteiner para #cabecalho div.busca.borda-alpha

Um abraço.