Need help with slider for mobile in the homepage

Site URL: https://bysophie.es/pagina-nueva

Hello, as you can see in this URL: https://bysophie.es/pagina-nueva I need to adapt the first slider to mobile, because the images aren't showing alright. I have the creativities in both dimensions (PC and Mobile) but i don't know how to create an slider exclusively for mobile and another for computers. Also, if it's another solution that could work like redimension only in mobile devices, etc. I'm grateful in you can share it with me, so I can do it the most simple way.

Thanks!!

On 5/12/2022 at 4:56 PM, Bysophie said:

Site URL: https://bysophie.es/pagina-nueva

Hello, as you can see in this URL: https://bysophie.es/pagina-nueva I need to adapt the first slider to mobile, because the images aren't showing alright. I have the creativities in both dimensions (PC and Mobile) but i don't know how to create an slider exclusively for mobile and another for computers. Also, if it's another solution that could work like redimension only in mobile devices, etc. I'm grateful in you can share it with me, so I can do it the most simple way.

 

Thanks!!

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="627ba0dd0e4e4348c473716d"] img {
    width: 100% !important;
    height: auto !important;
  }
}

Let me know how it goes