After creating a preloader exactly how this Webflow video says, I noticed that when the animation ends, it changes the background color of the entire page to the background color of the preloader div, because the notch on my iPhone is not white (as I have set it in the “Body” section) but rather it takes the pre loader color.
I have experimented quite a lot and no matter what I try in the preloader div style or animation, the result is the same.
I have confirmed this by making the preloader background various colors as you can see in the screenshots below.
NOTE: The website is currently being created for mobile first and the desktop version is not properly set up yet.
Thank you in advance!