Avisos
Vaciar todo

[Resuelto] Asignar Tamaños a cuadro de busqueda de productos responsive para celular y escritorio

4 Respuestas
2 Usuarios
1 Reactions
11 Visitas
Jimmy Josue
Respuestas: 34
Eminent Member
Topic starter
 

Hola, estoy intentando definir un tamaño mas grande para el apartado de busqueda productos, actualmente se ve de esta dimension 

image

por que modifique el tamaño a pixeles 

image

pero en los celulares no es responsive

image

si coloco al 100% el tamaño del cuadro de busqueda se reduce

image

y si se ve correcto en el celular 

image

 como puedo hacer para realizar esta modificacion?

 

 

Contenido solo visible a usuarios registrados


 
Respondido : 12/11/2024 11:20 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Jimmy

Edita la cabecera y pon la celda del buscador en el ancho que quieras.

Para adaptarlo a las resoluciones añade lo siguiente en Apariencia -> Personalizar css-> Adicional:

@media (max-width: 780px) {
.wp-block-search__inside-wrapper {
width:100%;
max-width:fit-content;
}
}

 

Un Saludo


 
Respondido : 12/11/2024 2:56 pm
Jimmy Josue reaccionó
Jimmy Josue
Respuestas: 34
Eminent Member
Topic starter
 

Gracias Pepe por a respuesta soluciono el problema que tenia.


 
Respondido : 12/11/2024 3:26 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Hola Jimmy

¡De nada! Me alegra haber podido ayudarte. 

Si tienes más preguntas o necesitas aclarar algo en el futuro, no dudes en preguntar

 

Un Saludo


 
Respondido : 12/11/2024 3:52 pm