Weird Page Transition Affect

Hi,

I’m trying to implement Barba.js page transitions and it requires adding the following code to the page

<body data-barba="wrapper">
  <!-- put here content that will not change
  between your pages, like <header> or <nav> -->

  <main data-barba="container" data-barba-namespace="home">
    <!-- put here the content you wish to change
    between your pages, like your main content <h1> or <p> -->
  </main>

  <!-- put here content that will not change
  between your pages, like <footer> -->
</body>

I’ve managed to write a PHP code that will update the source code so that it will add these data attributes dynamically and the page animation transition is working, however it seems that the styling within container will simply not load, I must refresh it in order for it to load.

Could this be related to how Pro outputs the file and that I need to wait for the transition to HTML output for this problem to be resolved?

screen

https://agitated-colden.103-6-196-142.plesk.page/

Hello @omartan,

Thanks for writing to us.

I checked your site. It seems that there might be an issue with a plugin conflict. I would suggest you please disable all the third-party plugins and then check them. Please note that you must purge all the cache clear your browser cache and recheck it.

Thanks