I have a Slider (Nestable) with some interactions.
When you load the page, it looks unconfigured like blocks until it loads completely.
This video was sent to me by a client. On my computer, it is also visible but the detail is minimal.
I don’t know if it is because of the quality of the internet connection or the speed of the PC.
But it is somewhat annoying since it is a display problem.
I just tried it without interactions and it does it but much less.
It only does this the first time it loads. If we go to this page Slider fading – Bihotz Mujer and then go to the home page, you can see the delay it has. They are just a few thousandths.
The issue is most likely caused by the loading order of the styles, which we’re currently working on.
The splide default styles are loaded quite late, so there is a considerable delay when the page is called up.
Two attempts:
add the splide styles link tag to header scripts (e.g. in Bricks settings): <link rel="stylesheet" id="bricks-splide-css" href="https://your-domain.com/wp-content/themes/bricks/assets/css/libs/splide.min.css" media="all">
give your slider (the root) a fixed height corresponding to the slide’s height.
Important: you can only do this using custom CSS, as the style » height setting is also applied to the slides. E.g. %root% { height: 60vh; }
We’ve fixed this in Bricks 1.12 BETA, now available as a manual download (Bricks – Account)
As there already exists a forum topic with same issue, I’ll close this one, and I’ll link the other topic below. Please let us know in the other topic if you are still experiencing issues.