Image too big for small screen in portfolio

[Claire01]

Hye,
First thank you for your theme.
I only have a problem I can’t solve. I would like that my portfolio images were responsive because I can’t see the entire image on small screen. The perfect thing would be that the image in Portfolio could change of size like the ones in the Gallery.
Thank you very much for your help.
Claire

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

.single-portfolio .spb_image img {
  height: calc(100vh - 250px);
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

– Kyle

[Claire01]

Hye Kyle,

Thank you.
Its almost work but I can twist the image in lenght.
How can I fix that ?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Sorry, change the css to:

.single-portfolio .spb_image img {
  max-height: calc(100vh - 250px);
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

– Kyle

[Claire01]

Yes, It’s work perfectly.
Thank you very much !

[Kyle – SUPPORT]

Great! No problem

– Kyle