problem with responsive images

**GK User** Tue Dec 13, 2016 3:14 pm

desktop.png

Hi
I have a problem when someone visit my website with mobile devices.
The images are cut at right and left (same when the phone is horizontal or vertical).
In your template the problem is the same... is there some solution?
thanks

Mirko

p.s. You may see the problem with iPhone 6 plus with the screenshot in attachment... but the problem is the same for every smartphone.

**teitbite** Fri Dec 16, 2016 10:08 am

Hi

That was designed this way, so the image can appear bigger on smaller screen instead of a tiny, horizontal stripe. But of course it can be done like that by using this code in override.css file:

Code: Select all: .gkIsWrapper-gk_photo .gkIsSlide { background-size: 100% auto !important; }

**GK User** Wed Dec 21, 2016 4:10 pm

Thanks but I tried your solution but nothing changes

The image is missing in 50%...
Could you help me?
Thank you
Mirko

www.studiomb2.com

**teitbite** Fri Dec 30, 2016 11:13 am

Hi

I an see it worked. Probably just needed some time to clear cache and include new code.

**teitbite** Thu Feb 02, 2017 5:03 pm

Hi

I've just seen a message from You I've missed before. Is the problem solved or do You still need me looking into it. Can You try explain the problem one more time, because I think it worked.

**GK User** Sat Mar 25, 2017 2:32 pm

Actually I solved in another way (your solution gave me some problem in grid with images)... simply I put images between <p>..image..</p>. Now the images are responsive perfectly!

Thanks
Have nice day
Mirko

**teitbite** Fri Mar 31, 2017 9:41 am

Hi

Ok. If it works than no problem. Closing this thread than.