The picture on my landing page runs over the entire length of the screen. But when I open the page on a smartphone, it shows only a picture detail and not the whole picture.

How can I make the picture responsive, so that it is over the entire length of the iPhone screen as well?

Thank you in advanced.

I see you have COVER set as background size, the problem is your row’s height in responsive is rather large so the background image covers the row vertically but in doing so is stretched more than you want it to in order to see the sign.
Try to change the background position in responsive for that page. Click on the COG icon top right (Page Settings) and enter this CSS for this page:

@media only screen and (max-width: 768px) {
  .upb_row_bg {
    background-position: center left;
  }
}

What is this CSS? Is this the custom Page Settings CSS for one of the Demo pages? And if yes what do you want to do with it?

This is the css code of my page under “page settings”, and you wrote me that I should insert your code there. But I don’t know where exactly in this code I have to add it.

Thank you!

Thanks!