Disable front page slider image on mobile

I activated the front page slider image but I want to disable it on mobile/tablet version, how do I do it?

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove slider on mobile*/
@media (max-width: 550px){
  section.main-slider {
    display: none;

Best regards,