Hi XStore Support Team,
I’m experiencing a significant performance issue with a hero section imported from the Mega Market demo into my Minimalistic Market theme.
**The Problem:**
– Imported Mega Market hero section into Minimalistic Market theme
– Hero section causes layout shifts (CLS: 0.214) during page load
– PageSpeed Insights score drops from 91 to 82 when hero is active
– Without the hero section, performance is excellent (90+ score)
Also the green box cant seem to go all the way down, so all 4 image boxes are aligned perfectly, pictures are the same size as original.
**Current Configuration:**
– XStore Theme Settings: Side width = 1630px
– Elementor Settings: Side Width = 1410 px
– Elementor Settings: Content Width = 1600px
– The hero was originally designed for 1450px width, but is adjusted to 1600 to fit the rest of the layout.
**What I’ve Tried:**
– Adjusted Elementor content width from 1450px to 1600px
– Manually adjusted hero section height
– Optimized with LiteSpeed Cache (UCSS, VPI, lazy loading)
– The issue persists – hero section “grows” during loading
**My Questions:**
1. Should XStore theme width and Elementor content width match exactly?
2. What is the recommended page width for Mega Market hero sections?
3. Is there a minimum height setting I’m missing that causes the layout shift?
4. Are Mega Market heroes optimized for a specific width (1450px vs 1600px)?
**Request:**
Could you please log in and review:
– Page width configuration (XStore vs Elementor mismatch?)
– Hero section settings (minimum height, structure)
– Why the hero causes CLS when loading
– Best practice for using Mega Market components in Minimalistic Market
**Login Details:**
[See private content area]
**Test URL:**
https://shop.relanet.dk
**PageSpeed Results:**
– With hero: 82/100, CLS: 0.214
– Without hero: 91/100, CLS: 0
I would greatly appreciate your guidance on the correct configuration to eliminate the layout shift while keeping the hero section.
Thank you for your help!
Best regards,
Kewin
