Background color interaction issues on page load, help please!

Hi, please help!

I’ve built a site that has a background color change about half way down the page, and reverses as you scroll back up. The Mobile Portrait & Landscape are working fine, but the desktop and tablet are having issues on page load. The page loads light, then goes dark right away. If you scroll down, then back up, it all fixes itself and everything works. But of course, I would like it to work upon page load.

Desktop and tablet have a different trigger for in view, but they are built the same as mobile, so having a hard time finding what I did wrong.

Here is my sharable link.

Thanks in advance!


Here is my public share link: LINK
(how to access public share link)

Hi @Tanner,

For desktop and tablet, have you tried after page loads, rather as page loads?

This is usually the culprit, especially for Safari.

Please let me know if you have any other questions,

~ Happy Designing ~
Brandon

Thanks for the suggestion! I opted to remove all interactions and start over with a cleaner solution (now that I understand interactions a bit better). All is working now!

Thank you!

1 Like