Free

Container Queries Demo

Widgets can respond to their container width, not only the viewport. Resize this column to see the layout adapt.

What it does

The Container Queries trait wraps opted-in LandTech Extras widgets in a CSS container. Style controls under the widget Advanced tab apply at container breakpoints instead of the full window — useful inside Loop Builder, offcanvas, and narrow columns.

  • Works with free Elementor
  • No Elementor Pro required
  • Copy the live setup

Live demo

Try it in a narrow column

Drag the browser narrower or drop this widget into a 30% column. Sharing buttons should wrap from the container, not only from the viewport.

How to implement

  1. Edit a supported widget (for example Social Share) in Elementor.
  2. Open Advanced and find the Container Query controls.
  3. Place the widget in a narrow column or Loop Item and preview.
  4. Resize the container — layout should change before the viewport breakpoint does.