Image Show Module images to be responsive

Hi Board,

I face a strange issue in mobile devices display in Image Show Module.

Although in desktop browsers (large display) the image is displayed correctly



in mobile devices the image is "cut" as you can see in the below screenshot:



Could you please help me?

Many thanks in advance,

Dimitris

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi,

thanks for the answer.

http://attconstructions.gr/

Regards,

Dimitris

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:579px) {
div.gk-intro {
    height: 25%;
}
}


It seems that the only thing we can do is to restrict the height of the image to resolve such an issue.

Many thanks for your answer!

Hi

Yes, that's the only way to manipulate with image weight in this case. Image has to fit to the height of the box or there will be a blank space left where it cannot cover it. This is why sides were cut.