Skip to main content

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?




Figma tutorial: Sticky scroll

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.

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

Reply


Terms & ConditionsCookie settings