I had an issue today that I thought was worth sharing. I’m using Meta Slider (a free WordPress plugin with a pro upgrade option) for a client’s site and noticed something strange when I added the slider shortcode onto a page: there was some extra padding or margin (that I could not find for the life of me with Inspect Element) on the right side of the page that allowed you to scroll over to the right about 40px.

Turns out the issue was resolved by me using the R. Slides format option (all 3 other format options created some degree of extra space to the right of the content area. However, I needed the Flex Slider format for the slider I was creating, so this fix (while it may work for some) wasn’t going to cut it for me.

The true fix came by adding the CSS declaration of {overflow: hidden;} to the .metaslider class in my child theme’s stylesheet (my style.css file).

So, if you run into this problem with Meta Slider, try using a different format like R. Slides, or add the following code to your style.css file (ideally in your child theme):

.metaslider {
overflow: hidden;
}