Hello,

I am experiencing an issue on the Home Page of my Joomla 4 website, built with SP Page Builder and the Megainc template.

The video carousel/hero section does not load at full height on the first page load or after each page refresh. For 1–2 seconds, the carousel appears very small (reduced height) and only after the page scripts finish loading it suddenly jumps to the correct full-height layout.

What I have checked so far: The issue appears only on the Home Page hero section with video background. It happens on every refresh (Ctrl+F5), both on desktop and mobile. It seems that the hero section initial height is not calculated until SP Page Builder's JavaScript finishes loading.

I suspect that the height calculation script is delayed (maybe due to template behavior or SP Page Builder initialization order).

Expected Behavior:

The video hero carousel should load immediately at full height (100vh), without displaying a collapsed/small section before expanding.

Current Behavior: On every reload, the hero section is initially very small.

After 1–2 seconds, it “jumps” to the correct full-screen height.

Request: Could you please help identify why the height calculation or video initialization is delayed, and provide guidance on how to ensure the hero/video section loads at the correct height from the very beginning (as in your demo)? I can provide additional screenshots or details if needed.

Thank you!