Cannot center align the logo properly in mobile devices

https://www.discovernauts.com/en/guides/

This is a link of my site . On mobile the logo is centre aligned . But when the page loads the logo moves to left and when the page is fully loaded then the logo moves to the centre . Can anyone tell me what is causing that . Is there any css solution to fix this problem ?

Hello!

There’s an error on your site (check the browser developer tools), but besides that, it may be because the contents are still loading, which is normal. The browser is rendering the elements and some may be loaded before others, which may cause the elements to move.

A fix could be to add a pre-loading screen and make it disappear once the page is fully loaded.

I wanted to load the pages without any preloader . The logo loading like this is very distracting