Skip to main content

Wide viewport

By default, the ID7 viewport is constrained to a 1170px (LG) wide container.

Optionally, you can enable one or two additional breakpoints (at 1600px and 1900px) for a 1570px or 1870px wide container (XL and 2XL, respectively).

Either include id7-wide.css instead of id7.css, or if you are building your own assets, set the two LessCSS variables:

@support-xl-viewport: false; // Set to true to add the XL breakpoint at 1600px
@support-2xl-viewport: false; // Set to true (as well as above) to add the 2XL breakpoint at 1900px

If @support-2xl-viewport is set to true, @support-xl-viewport must also be set to true.