Hi,
you can see that behavior here -> www.clubbik.es. It does a strange thing when loading the page, showing first the second section and then kind of overwriting it with Hero.
is it possible to adjust it somehow so that it is loaded correctly?
Thanks!
Hi Víctor,
Unfortunately, this is unavoidable. The hero widget will only display when the DOM (which is effectively the page itself) is ready to be displayed. This means that other elements on the page will likely appear before the hero widget if the page itself is taking a long time to display. You can, however, reduce this by reducing the number of assets on your page.
You can kind of prevent the jump (which happens after the hero widget loads) by opening the hero widget, head over to the widget styles sidebar and open the Attribute settings group. Set the CSS Styles field to the height of your widget.
For example, say my hero widget is 25vh. I would set the CSS Styles field to:
This will prevent the jump but the hero widget will still load after other on-page elements.
Thank you Alex, with that easy solution at least the visual effect is not happening anymore!