Avisos
Vaciar todo
Buenos días,
Necesito mover el icono de la Lupa en la vista tableta / móvil horizontal para ponerlo alineado con el icono del carrito e icono menú hamburguesa.
Ver captura: https://ibb.co/Z1HCHvF
El código actual en CSS para que la lupa se muestre correctamente en la versión móvil es el siguente:
@media only screen and (max-width: 600px) {
Gracias, un saludo.
Christian
Contenido solo visible a usuarios registrados
Respondido : 23/11/2022 11:43 am
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
Respondido : 23/11/2022 12:10 pm
@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
Respondido : 23/11/2022 12:14 pm
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
Respondido : 23/11/2022 12:56 pm
@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
Respondido : 23/11/2022 1:44 pm
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
Respondido : 23/11/2022 2:08 pm
Hola Christian.
Genial !!! Me alegra muchisimo que al final lo solucionaras.
Cualquier consulta que tengas no dudes en comunicarlo.
Un saludo
Respondido : 23/11/2022 2:17 pm
