Hola Fabiana,
En este caso revisa si el siguiente código te permite configurar de forma correcta lo que necesitas, ten en cuenta que el elemento contenedor es un círculo y es posible que no puedan mover los textos a la posición que deseas, una opción que podrías evaluar es no mostrar este círculo para la vista móvil
@media only screen and (max-width: 600px) {
.lassons-home-slider.sp-slider .sp-slider-content-align-left:after {
width: 350px;
height: 350px;
top: -65px;
left: 20px;
}
.sp-slider #sp-slider-item-1589446117156-num-2-key #sp-slider-inner-item-1589446117159-num-1-key {
margin: 2px 0px 40px 46px;
}
.sp-slider #sp-slider-item-1589446117156-num-2-key #sp-slider-inner-item-1589446117159-num-0-key {
margin: 2px 0px 6px 116px;
}
.sp-slider-content-align-left .sppb-sp-slider-button {
margin-left: 47px;
margin-top: -10px;
}
}
Verifica y nos comentas como ha ido todo
Un saludo
el circulo es una clase
agregue el codigo que me pasastes pero queda un poquitin cortado igual mejoro mucho
Hola Fabiana,
Perfecto, entiendo que con esto ya lograste solucionar lo que necesitas?
Si no es así si abro la URL que nos compartes inicialmente veo que no está cargando de forma correcta, indícanos donde se está cortando para revisarlo.
Un Saludo
Hola Fabiana.
Prueba con esto:
@media (max-width: 767px){
.sppb-addon-sp-slider.sp-slider .sp-item.active [data-layer=true] {
width: 70%;
margin-left: 5em!important;
}
}
Un saludo
Hola Fabiana,
Enhorabuena logras modificar lo que necesitabas, es un placer siempre poder ayudarte
Con esto podemos dar el tema como solucionado.
Un Saludo 😊