Barra pesquisa mais delicada

Layout
2

Fala Zabe! Segue um código para você testar. Abraço!

image
image1492×1698 285 KB

@media only screen and (max-width: 767px){
	.conteudo-topo .busca-mobile {
		background-color: transparent;
		padding: 0;
		margin-bottom: 2rem;
	  }

	  #form-buscar{
	  	border-bottom: 1px rgba(0,0,0,0.13) solid;
	  	border-top: 0;
	  }

	  .conteudo-topo .busca-mobile input#auto-complete{
	  	    border-radius: 0;
            border: none;
            box-shadow: none;
	  }

	  button.botao.botao-busca.icon-search.fundo-secundario {
	  	    border-radius: 50%;
			color: black;
			background: transparent;
	  }

	  .conteudo-topo .busca-mobile .atalho-menu {
          border-radius: .5rem;
      }


	}

Estou fazendo alguns vídeos das alterações que faço de ajuda aos lojistas para o pessoal ver e, quem sabe, aprender a fazer também. Tudo bem de eu usar esse caso? Abs

Quem quiser ver o processo desse ajuste pode ver aqui: https://www.youtube.com/watch?v=fvyOCFxZGYA

7 curtidas