Skip to main content
Question

Making background move in responsive

  • August 6, 2024
  • 3 replies
  • 174 views

AFEI

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
This topic has been closed for replies.

3 replies

y_toku
Figmate
  • Community Support
  • 2518 replies
  • August 8, 2024

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?


AFEI
  • Author
  • 1 reply
  • August 8, 2024

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.


y_toku
Figmate
  • Community Support
  • 2518 replies
  • August 8, 2024

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings