Avisos
Vaciar todo

[Cerrado] PROBLEMA AL VISUALIZAR EL BUSCADOR EN PAGINA HOME, ASTRA + ELEMENTOR

4 Respuestas
2 Usuarios
1 Reactions
18 Visitas
Respuestas: 123
Estimable Member
Topic starter
 

Buenos días, antes de nada mil gracias por vuestra ayuda, nos ha surgido un problema en la web electrogangas.es y creo que únicamente se puede solucionar tocando código. Os comento, el buscador se visualiza con el botón desplazado hacia arriba, esto hasta hace dos días nunca había ocurrido, únicamente ocurre en la pagina principal, pero tanto en versión PC como en móvil, en el resto de paginas se visualiza bien, se trata de un gadget que lleva incrustado un código html, ese es el que creo que hay que tocar, salvo que se os ocurra otra cosa, adjunto el código que me aparece:

 

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:widget-group -->
<h2 class="widget-title"></h2><div class="wp-widget-group__inner-blocks"><!-- wp:search {"label":"","showLabel":false,"placeholder":"Buscar...","width":248,"widthUnit":"px","buttonText":"\u0026amp;#128269;","buttonUseIcon":true,"query":{"post_type":"product"},"align":"center","style":{"border":{"radius":"22px","color":"#002174","width":"1px"},"typography":{"fontSize":"14px"},"color":{"background":"#d6dafd","text":"#002174"}}} /--></div>
<!-- /wp:widget-group --></div>
<!-- /wp:group -->

 

PD: Recientemente hemos instalado dos plugin de decoración navideña, pensé que ese podía ser el problema y problema desactivarlos pero no se ha solucionado el problema, aún así puede que hayan tenido algo que ver. Adjunto una captura de cada web.

Mil gracias de nuevo por vuestra ayuda, un saludo.

Contenido solo visible a usuarios registrados


 
Respondido : 12/12/2023 3:48 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Que tal Ismael,

En este caso para que tenga el siguiente aspecto 

image

Puedes implementar los siguientes estilos CSS

.wp-block-search__inside-wrapper{
width: 245px !important;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
float: left;
height: 26px !important;
}
form[CLASS*=wp-block-search__].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
float: right;
}

Saludos!


 
Respondido : 12/12/2023 4:33 pm
Ismael reaccionó
Respuestas: 123
Estimable Member
Topic starter
 

@bruno-vichetti Hola Bruno, solucionado! tanto en versión PC como en versión móvil, mil gracias por tu ayuda, pasa un buen día, saludos.


 
Respondido : 12/12/2023 5:06 pm
Bruno
Respuestas: 6479
Illustrious Member Moderator
 

Hola Ismael,

Siempre es un gusto poder ayudarte, cualquier otra consulta que tengas estaremos atentos

Saludos!


 
Respondido : 12/12/2023 5:09 pm