im trying to get the site ready for smaller screens,
http://shores-rentals.com/alma/Galleries/painting20.html
why do the images (in the body below the navbar go away and not re-size like the above 2?
Thanks
im trying to get the site ready for smaller screens,
http://shores-rentals.com/alma/Galleries/painting20.html
why do the images (in the body below the navbar go away and not re-size like the above 2?
Thanks
Hi,
The images have nothing to be responsive with as the thumbnail is floated and is therefore the image never gets compressed as it will always be 100% width of the parent.
You probably don’t want the image responsive anyway until the viewport reaches a certain size otherwise you just get rows of 3 or 4 images that just get smaller rather than wrapping (which I assume you want).
Try something like this instead.
.thumbnail{display:inline-block;float:none;}
@media screen and (max-width:600px){
.thumbnail{display:block;}
}