Slyder Mobile off and Desktop on

Hi,
how to disable Slyder only in the mobile version and put a fixed photo in place? Thanks

Hello there,

Try adding this CS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {

      .sydney-hero-area {
        .slides-container {
          display: none !important;
        }
      }

      .sydney-hero-area {
        background-image: url('https://yoursite.com/path/to/your-image.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
      }
      
    }

Replace https://yoursite.com/path/to/your-image.jpg with your image uploaded into your site’s media library under Dashboard > Media.

Regards,
Kharis
aThemes Support

I did it the way you indicated, but it didn’t work. I tried to apply it directly to the child theme, and the error that appears is attached.

Sorry for suggested incorrect code, please replace it with:

    @media only screen and (max-width: 1024px) {
    	 .sydney-hero-area .slides-container {
    		 display: none !important;
    	}
    	 .sydney-hero-area {
    		 background-image: url('https://qmaubeli.online/sydney/wp-content/uploads/sites/9/2020/04/Slider_image-1.png');
    		 background-size: cover;
    		 background-repeat: no-repeat;
    		 background-position: center center;
    	}
    }

Regards,
Kharis
aThemes Support