Avisos
Vaciar todo

[Resuelto] CORREGIR BOTON DESPLAZADO DEL BUSCADOR DE PRODUCTOS WOOCOMMERCE DESPLAZADO Y EN LUGAR ERRONEO (ASTRA + ELEMENTOR)  

 
Ismael
 Ismael
Estimable Member

Buenos días, en nuestra tienda online electrogangas.es hemos detectado que el la versión móvil (la versión pc en principio se visualiza correctamente) el icono de la lupa donde se pulsa para buscar productos en el buscador, aparece desplazado hacia abajo, hace ya algún tiempo abrimos caso para esto mismo, y con un código que nos facilitasteis muy amablemente, se soluciono el problema, pero vuelve a visualizarse mal, os adjunto captura de como se visualiza, y también del ultimo código que añadimos en CSS adicional, cuando se abrió tema la otra vez por esto mismo. Mil gracias de antemano, pasad un buen día!

 

.woocommerce div.product {
margin-top: 50px;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
opacity: 9!important;
}
 
h1.woocommerce-products-header__title.page-title {
font-size:2em;
}
 
@media (max-width: 544px) {
h1.woocommerce-products-header__title.page-title {
font-size:20px;
}
}
 
.woocommerce-shop #secondary {
display: none;
}
 
.wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 22px 0 0 22px!important;
}
 
form[CLASS*=wp-block-search__].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
 
border-radius: 0 22px 22px 0!important;
background:#fefefe;
}
 
.wp-block-search__button {
margin-left: 0;
}
 
button.wp-block-search__button.has-icon.wp-element-button {
height: 20px !important;
}
 
@media(max-width:425px){
.wp-block-search__button svg {
vertical-align: text-bottom;
display: block;
margin-top: -12px;
}
}
 
 
 
.wp-block-search__inside-wrapper {
max-height: 35px !important;
}
.wp-block-search__button svg {
display: block !important;
margin-top: -12px !important;
}
 
@media only screen and (min-width: 992px) {
 
.ast-separate-container .ast-woocommerce-container {
padding: 0px 0px 0px 60px;
}
 
}
 
.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;
}
 
tempFileForShare 20240522 123457

Contenido solo visible a usuarios registrados

Respondido : 22/05/2024 12:36 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ismael, 

Estoy intentando replicar el error, pero no veo que el botón con el icono de lupa se desplace hacia abajo, te envió algunas capturas sobre lo que veo

IMG 5106
image

Puedes revisarlo en el siguiente enlace → Contenido solo visible a usuarios registrados

Si es posible, indícanos en que dispositivo lo visualizas para comprobar con mayor detalle. 

Un Saludo 

Respondido : 22/05/2024 1:48 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ismael
 Ismael
Estimable Member

@karen Buenas tardes Karen, gracias por tu respuesta, acabo de probar a acceder desde dos móviles distintos, un Galaxy s23 ultra y un Galaxy A13, en ambos he probado desde Chrome y desde el internet de Samsung, se me sigue visualizando igual que en la captura de pantalla que he adjuntado al abrir tema. Veo lo que me dices:

Puedes revisarlo en el siguiente enlace →  https://www.responsinator.com/?url=https%3A%2F%2Fwww.electrogangas.es%2F

Y se me visualiza bien, ósea igual que a ti, pero en mis dos móviles sigue viéndose mal, no se que puede ser, mil gracias, pasa buena tarde!

Respondido : 22/05/2024 3:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Isamel, 

Ok el conflicto esta solo en dispositivo Android, probemos con toros códigos, pero para ello necesito elimines el código que añadiste anteriormente y modificaba esta opción del buscador, guarda este código en otro documento por si necesitas añadirlo nuevamente. 

Cuando lo remuevas avisanos para verificarlo

Un Saludo 

Respondido : 22/05/2024 3:38 pm

Ismael
 Ismael
Estimable Member

@karen Hola Karen, al cambiar el buscador con la otra consulta que abrí en este foro y que tú amablemente me contestaste, en principio ya no hace falta tocar nada, porque al haber cambiado el buscador, este ya se visualiza correctamente, muchas gracias por todo, cierro tema, saludos.

Respondido : 23/05/2024 7:42 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ismael.

Genial !!! Me alegra que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 23/05/2024 9:14 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación