I occasionally or sometimes see a text (>Details) on the top left corner of the mobile screen right above the product image slider in product page of the Mobile version. It appears for a second and disappears during page load.
This only happens in the product page of the mobile version. I included a screenshort of the screen record I made for reference.
Please any help provided, will be very much appreciated. Thanks in advance
Without seeing the site my guess is that this your CSS is being delayed and the element is shown unstyled.
When CSS stylesheet is loaded, the element is either hidden or moved to where it should be.
Can’t say more without seeing the site.
This is the site url (affbuy.com)
Nothing outstanding, except you seem to have a bunch of apps loading too early.
This may be the reason you can notice this unstyled element.
There is a bunch of code, like, say code from ornave which loads literally first thing on the page.
Are you saying it is caused by the ornave code? And if so, how can i fix
it?
Thank you
Not exactly, it’s just one of the potential offenders. Instead of loading your HTML and styles and rendering your page browser has to run this JS code too early in the loading process. Same about Transtore – it starts too early.
I usually do not recommend editing theme code – this will stop automatic updates.
But if you wish to proceed, I’d try this:
open your layouts/theme.liquid for edit, find
and make it
Then find
and make it
This will make your page completely transparent for the short period of time before browser reaches the end of the HTML. I believe this should be enough to hide that unstyled element.
Can I just uninstall the Transtore app then. Will that fix it without
having to edit the theme code? Thanks
Can try disabling it’s App embed in Customizer.
I did that, but it is still showing 
.