Dear webflow gods

Design help General
1

Currently trying to create this page transition:

https://page-transition-17b150.webflow.io/

Works well on desktop and laptop computers but when i test it on tablet and mobile (specifically iPad and iPhone8), the red panel stays on the page when browser’s ‘back’ button is pressed. So, if i click the button and click ‘back’ button on the browser, only the red panel shows.

After pulling my hair out trying to figure this out all day, my guess is that the browser memorizes the ‘end of the transition’ and is displaying it when the ‘back’ button is clicked.?

I have not much hair to pull out anymore, please help!

Updated link:
https://preview.webflow.com/preview/page-transition-17b150?utm_medium=preview_link&utm_source=designer&utm_content=page-transition-17b150&preview=66f5900324553e91c408dce862b535c8&pageId=5f3f03697008589e8826ba41&mode=preview

2

Hi CobianLives,

Have you tried adding another action hide to your interaction when the first action is finished, maybe adding anothr 200ms of delay?

Cheers
Dritan

3

So when I looked at this, i clicked on the cover, then on interactions panel clicked the “New Timed Animation 2” radio button and then clicked the small LOOP button and it worked as shown in the first link.
If you want a picture send me an email designacon@gmail.com
I can’t seem to upload an image on this.

4

This was under the “When Page Finishes Loading” portion of the interactions panel.

5

I do see, that is not exactly what you want to happen though. no luck on that one.

6

yes, to no avail.
It shows the content underneath for a split second before jumping to next page.

7

Are there no webflow gods in here that has solution to this?