Coffeza them, moving font bug during the upload of the main page

https://centrecafefix.ca/

When i upload the main page, the font and all the picture is moving for a little 1 second, then after the site is running correctly but i want to solve this problem, somebody can help?

Thanks a lot for your work!

It’s happening because of delay in image load, try this CSS

@media only screen and (min-width: 768){
.section-slideshow-v1 .info-sideh1{
min-height: 100vh;
}
}

Another alternative is to hide the body and fade in it after couple of seconds once the elements are loaded fine.

Hi @Cafefix your page console is full of errors because it does not load fonts properly. please don’t use ttf or eot font.

you can follow this guide

How to add custom font in Shopify

My code is a little different and i don’t want play with it if i’m not sure!

The external font takes time to load till then the default browser font is used. when that font loads completely it replaces the browser default.