Streaming live at 10am (PST)

Centre and Align Help

#1

Can anyone tell me why my ‘Rotator’ divs are not centre and aligned?

https://preview.webflow.com/preview/argun-dc-c1097dad7ca66277-92a5a4c1f0d4e?utm_source=argun-dc-c1097dad7ca66277-92a5a4c1f0d4e&preview=8b740bc516e10ebc48dc30ddecdc12ce

0 Likes

#2

So many rotators! Whoo to talk to?

47

0 Likes

#3

I have renamed for clarity. I assume I need two if I’m creating two backgrounds with a rotational parallax interaction, I’m not sure.

Really I just want to understand why the rotator is not centred and aligned.

0 Likes

#4

Hi @shokoaviv, I am not 100% what you are; trying to do, but the parent container should probably set to flex with vertical and horizontal centering:

Then set the Rotator Day/Night elements to be using a static position, currently your parent element and rotator elements are all positioned absolutely to the body.

To use absolute position on an element other than the body, set the parent element to relative position, or just use Flexbox.

I hope this helps

0 Likes