My page is laid out in 3rds (1/3 + 1/3 + 1/3), when I add an image to each third it fits to the width of the 1/3 and resizes great for responsiveness, however as soon as I add a link to an image it stretches past the size of the 1/3 and responsiveness goes out the window and the 1/3’s start to overlap each other.
You can view it here: http://www.binarydiploma.com/image-test/
You will see the first “video” image is linked where as the others not.
Please advise.
I finally found the answer in someone elses post, similar issue : https://kriesi.at/support/topic/image-column-15-non-responsive
Anyway I just added .avia_image {max-width: 100%;} and it worked.
I upgraded to 1.8.4 but it didnt help, anyway hope this helps others save hours of troubleshooting.