How Do I Make Revolution Slider Mobile Responsive in WordPress?

Making a Revolution Slider mobile responsive requires a bit of work on your part, but it’s definitely doable. Follow these steps to make sure your slider looks good on any device:

1. Start by adding media queries to your slider’s style.

css file. Begin by adding the following code to the bottom of your file:.

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

2. Next, add the following code to your style.css file to make the slider responsive to different screen sizes:.slider {

width: 100%;

max-width: 767px;

}

3. Finally, add the following code to your style.css file to make the slider responsive to different device types:.mobile {

4. Reload your slider and you’re good to go!.