CodePen Embed - Docs demo - Mimeeq custom configurator dimensions


<mmq-embed short-code="7BBT86" template="Default-MDEMO"></mmq-embed>

<script src="https://embed.mimeeqapi.com/cpq/get-embed-short-code-data?component=1" rel="script" type="application/javascript" async></script>

  :root {
    --mmq-configurator-container-max-height: 500px;
    --mmq-configurator-container-min-height: 375px;
    --mmq-sidepanel-width: 500px;
    --mmq-tablet-sidepanel-width: 500px; // will work after deploy

    @media (max-width: 839px) {
      --mmq-canvas-height: 150px;
      --mmq-configurator-wrapper-mobile-base-height: 400px;
      --mmq-configurator-wrapper-mobile-vertical-padding: 0px; // we reset the extra top and bottom padding
      --mmq-mobile-tabs-min-height: unset; // we need to unset minimal height of the tabs
    }
  }

This Pen is owned by Mimeeq on CodePen.

See more by @mimeeq on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.