[Resuelto] Icono Lupa no está alineado en la versión tablet/móvil horizontal

Hola Christian.

Prueba con lo siguiente:

@media screen and (max-width: 850px) { 
svg.search-icon {
margin-top: 48px!important;
margin-right: 17em!important;
}
}

Un Saludo

@pepesoler gracias Pepe, 

Ahora se muestra bien en tableta y móvil horizontal pero se ha descuadrado en la vista móvil.

Ver captura: https://ibb.co/Ph7TfMy

Gracias, un saludo.

Christian 

Hola Cristian.

Elimina el código anterior y prueba con esto:

@media only screen and (max-width: 850px) and (min-width: 650px) {
svg.search-icon {
margin-top: 48px!important;
margin-right: 17em!important;
}
}

Un saludo

@pepesoler hola Pepe, 

Ahora visualmente está todo OK, pero en versión tablet y móvil horizontal, los iconos del carrito y del menú hamburguesa no funcionan, al hacer click sobre cualquiera de ellos siempre se abre el buscador.

Gracias, un saludo.

Christian 

Hola Christian

Mueve el buscador para que esté antes del menú, el orden sería carrito, menú, buscador.

Puedes mover el buscador modificando el valor " margin-right: 17em " por ejemplo " margin-right: 5em!important; "

Un Saludo

@pepesoler listo! Sois unos fenómenos, muchas gracias!

Christian 

Hola Christian.

Genial !!! Me alegra muchisimo que al final lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo