-
Hi everyone,
When loading some pages, there’s a brief white flash before the background image loads
Regards
-
Hi there,
can you share a link to the site ?
-
Hi there,
Sure, here are the links:
This page: https://www.imagecampus.edu.ar/desarrollo-de-videojuegos/motores/motor-de-juegos
This landing page: https://www.imagecampus.edu.ar/trayectos-formacion-profesional/videojuegos
I have the same issue on all pages.
Regards,
-
It’s normal behaviour, the page is loaded before the image gets loaded.
I would suggest modifying your current page hero structure for page motor-de-juegos, it’s way too complicated for such a simple layout.
Your current structure is:
- container -- grid --- container --- container ---- headline --- containerChange it to:
- container -- headlineSet a background image for the container, and use the flexbox alignment matrix to align the headline.
If you want to have contained
widthfor the headline, you can set itswidthto60%to match your current layout.I would recommend setting a
min-heightfor the container, eg.500px, and preloading the image. -
Hi there,
Thank you for the detailed instructions. I will proceed with the suggested modifications. However, since we are using Nitropack, we can skip the part about preloading the background image.
Regards,
-
You are welcome 🙂
- You must be logged in to reply to this topic.