Hey there,
My goal is to have a 4 slide fade out-in animation upon site load.
The first being just a background image, the next three background image with text box, and the final frame the logo lockup, subhead, and RSVP button you see currently in place.
The final frame is all set - and works well on all devices, portrait and landscape - I just need to add the other 4 slides and finalize the order and timing.
Issue 01
Currently, when I add another slide in the slider and set the background image, nothing appears but a grey box in the website builder and the io link. (added one extra slide to show as example)
Issue 02
In the website builder, when I add another slide, it seems to add the new slide container below my current container - and it does not display the image, or making adding a header object possible.
Issue 03
I currently have the slider container height set to 100% - If i use any variation of vh sizing, the landscape on an iPad and phone either cuts off the top section or it overlaps the rest of the content. (Not sure if percentage or vh sizing effects the way that the slider works.)
Hope this is enough clear info - happy to answer any clarifications.




