Documentation version
GuideApplies to 1.0.0

Responsive controls and testing

Review image sizing, background crop, Hero typography and spacing across Elementor breakpoints.

Dynamic images are content-dependent, so responsive QA should include more than one representative page.

Test width and crop

Review the Featured Image widget dimensions and the background/hero crop on desktop, tablet and mobile.

Test text expansion

Use long headings and descriptions to make sure a reusable Hero does not overflow or obscure the focal area of the image.

Test fallback states

Preview at least one content item without a Featured Image so the fallback or image-free layout remains intentional at every breakpoint.