Forums

Responsive Images

Permalink 1 user found helpful
I am coming towards the end of my site other than choosing image sliders but my fixed images using the image block I have realised arent responsive/reszing? Have I missed a step somewhere or do I need to add some code or use a block to overcome this?
Example can be seen on this page when you test it in mobile or zoom in.
Any tips very welcome as I am clueless!
http://m.forcespecialeffects.co.uk/index.php/consumables/confetti-s...
 
PineCreativeLabs replied on at Permalink Best Answer Reply
PineCreativeLabs
The easiest way to do make them "auto-fit" within any area is add the following CSS to your theme: 
img.ccm-image-block {
width: 100%;
height: auto !important;
}

Note that you could go any percentage on the width, and the image will automatically scale to the correct height.

Hope this helps.
pyrodigital replied on at Permalink Reply
That does help! Where in the theme would I add this in? Sorry to be a pain :S
pyrodigital replied on at Permalink Reply
That does help! Where in the theme would I add this in? Sorry to be a pain :S