Making background move in responsive

Hi everyone,

I’m stuck here…
I want the background of my page (stadium + dark blue rectangle + gradient rectangle) to move down along with the changes when the page is below a defined width…
The background elements are currently in absolute position.
So, here is the problem:

  • The title, subtitle and frame with the EAGLES jersey are in auto-layout, when the width of the page is less than a defined width, the text will go above the image. This is exactly what I want.
  • When the text moves above the image, all elements below move down except the background which is in absolute position.
  • Then the perspective between the uniforms and the stadium is wrong.
  • If the background images had moved down along with the rest of the page, there would be a problem.
  • I don’t seem to find a solution by myself. I would take any ideas and advice to make it work.
  • You can check the problem here → Home
    Thanks

Hey there,

Thanks for reaching out. I’m not able to provide a direct solution for this, but do you think this sticky scrolling is closed to what you’re trying to do?

Thanks for the link.
I solved my problem with a very basic solution.
I placed the background within the frame that was moving down and it’s just perfect.

1 Like

Great to hear you’ve solved this! Thanks for sharing the solution. Happy designing!