Avisos
Vaciar todo
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;
}
Contenido solo visible a usuarios registrados
Respondido : 22/05/2024 12:36 pm
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
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
@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
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
@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
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
