image show GK4 image resizing

Hello,

I noticed that the frontpage picture wont show completely in 100% width when visiting the homepage on a smartphone.
the URL ist: www.casa-nostra-music.de
there are 6 faces on the picture, when visiting on a smartphone the right face is missing.
the picture will not completely resized?

any advice? or cant this be solved?

thanks

Hi

Please add this coed to mobile.css:

Code: Select all

.gkIsWrapper-gk_musicstate .gkIsSlide {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}


thanks, that worked
but now there are grey stripes below and above.
what is this? can they be removed?

thanks

Hi

This is why image was cut in the first place. Image was made to fit to height of the module. I've changed it to show full image, but in expence of showing bars on top and bottm which previously was covered by image. So there is no other way to remove them than revert the changes. Maybe there is a way to replace the image for smaller screens, but I would need to see this images first.

Hi

No, wait I was totaly wrong. There is an easier way. Module doesn;t have to be a fix height, please add this code to adjust the module to image height:

Code: Select all

.gkIsWrapper-gk_musicstate {
    min-height: 0;
}


thanks, i put this code in mobile.css, the grey area disappeared, but now the heads (the upper front of the picture) are a little bit cutted. the image isnt shown with 100% height on the smartphone.

Hi

Please just try to manipulate with the value for this min-height to the moment You will get the height proper for mobile.