Remove slider on mobile

[Ryan Hennesy]

Hey guys,

I used the code from this post to add a slider to my homepage. Now I’m wondering if there’s a way to disable the slider on mobile devices.

There’s not an option in the plugin I’ve used, Slider WD, and I’ve worked on tweaking the slides themselves to fit my phone’s browser for far too long.

I have another (unrelated) question, that I’ll make a new post for.

Thanks,
Ryan

[Bill Robbins]

Hi Ryan,

You’re welcome to hide it on mobile devices. Here’s how to do that:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

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

3. Update your settings.

Have a great weekend,
Bill

[Author]

Posts