Problem with selecting image to portfolio project

Hi

Im having trouble with a basic technical question.
My shrae link: Webflow - Roi's First Site

My published link: http://roi-s-first-site.webflow.io/

In the portfolio page, everything is working well on desktop. When viewing on mobile, the images are cut (not responsive). When I try to see why, I notice that they are taking from a source called: main project image.

I am trying to find ways to change it. Tried:

  1. When I click the source to choose another source, all I have is: None OR main project image. so that doesnt help, since “main project image” is not responsive.
  2. Created some other source for the picture → under portfolio project settings → added a new field - image, but I can load pictures there. (I am not sure this is the right solution - but it now did let me choose another source under “get image from portfolio project”

I tried to learn from all of the online links, but they spe

ak about general images design - and not this specific technical issue.
Would love you help.

Thanks a lot,
Roi

Do you have a share link?

Welcome to the Webflow forum!

Could you please edit Screenshot_2017-08-16_140811 and provide ALL the necessary details in your post so we can take a look at your site/issue?

In future if you want faster replies and more accurate answers, I suggest including all the details listed in the link above before someone has to ask.

Hope to hear from you soon. Thanks!

Hi @roi, it looks like the images are getting cut off because that is the normal behavior for background images when the element they are applied to is smaller than the image and the image is using a full cover option in background style settings:

https://cl.ly/1P2C0d0S0w0t/Image%202018-01-22%20at%207.16.26%20AM.png

To have an image shown completely in view, use the Contain option instead.

Take a peek at how to style background images: Backgrounds | Webflow University

I hope this helps.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.