Hide slider in mobile view only

Hello, Is there a way to hide the slider in the mobile view only?

Alternatively, is there a way to display a correctly proportioned slider in mobile view if I change the slider dimensions on the main site as per this code found on a previous post?

#slides .slide {
height:450px;
}

#slides .slide img {
height:450px;
}
#slides .slide iframe {
height:450px;
}

I found that when I used this code the slider did not automatically resize in mobile view.

Thanks!

 

Hello,

You can use code given below to adjust width and height of slider in the mobile view

Code:

@media only screen and (max-width: 480px){
#slides .slide img {
width: 292px;
height: 107px;
}}

or to hide slider

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px){
#slides{
display:none;
}}

Thanks & Regards
Nitesh Raghuwanshi

 

Excellent, thanks Nitesh!