This is what it looks like on an iPad on the homepage ( http://test.southshorepubliclibraries.ca )
https://www.dropbox.com/s/hoo0w3dwhnq81m7/IMG_20140826_130334.jpg?dl=0
How can I make these stack responsively and not overlap?
Hi samforan!
Thank you for using Enfold.
We don’t usually support third party plugins but I think it’ll be an easy css fix. Please try to add this on Quick CSS or custom.css:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.home div#after_full_slider_1 div .av_one_third {
margin-left: 3%;
width: 45%;
}
}
Cheers!
Ismael
Seems to have done the trick, thanks.