Во время анимации перехода страницы я заметил странное поведение.
На мобильном телефоне ... когда я запускаю страницу с translate(%100,0);, она начинается с начальной позиции и анимируется вне поля зрения слева, а не с внешнего вида слева ... и анимируется в центр вид.
Вы можете увидеть проблему в прямом эфире на dbz-test.myshopify.com.
Анимация отлично работает на рабочем столе ... но попробуйте ее с телефона.