Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper dsg-block-27__content"> <h1 class="avb-typography__headline dsg-block-27__headline dsg-tools-kiosq2-main-heading dsg-tools-kiosq2-color-dark">Outdoor</h1>  <avb-svg data-class="dsg-block-27-svg" data-url="https://cdn.avbportal.com/magento-media/demo/kiosq/kiosq2-brush-stroke.svg"></avb-svg> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-28__content">  <ul class="avb-list avb-list--horizontal dsg-block-28-list"> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-cooking"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="BBQ Grills & Outdoor Cooking"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Outdoor_Cooking.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">BBQ Grills &amp; Outdoor Cooking</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-kitchen"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Outdoor Kitchen"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Outdoor-Kitchen.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Outdoor Kitchen</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/power-equipment"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Power Equipment"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Power_Equipment.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Power Equipment</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/coolers"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Coolers"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Cooler.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Coolers</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-hot-tubs"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Hot Tubs"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Hot_Tub.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Hot Tubs</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-lawn-garden"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Lawn & Garden"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/lawn_n_garden.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Lawn &amp; Garden</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-patio-heaters"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Patio Heaters"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/patio_heater.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Patio Heaters</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-fireplaces-firepits"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Outdoor Fireplaces & Firepits"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/outdoor_fireplace.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Outdoor Fireplaces &amp; Firepits</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-fireplace-firepit-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Outdoor Fireplaces & Firepits Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/firepit_accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Outdoor Fireplaces &amp; Firepits Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-heater-accessories"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Outdoor Heater Accessories"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/patio_heater_accessories.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Outdoor Heater Accessories</span></avb-link> </li> <li class="avb-list__item dsg-block-28-list-item dsg-tools-kiosq2-bg-color-gradient dsg-tools-kiosq2-shadow-light"> <avb-link class="dsg-tools-kiosq2-link" data-href="https://kiosq.avbmarketing.com/catalog/outdoor-garage-organization"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Garage Organization"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Garage_Organization.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-kiosq2-text dsg-tools-kiosq2-color-light">Garage Organization</span></avb-link> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* =================== Header (block-27) =================== */ .dsg-block-27 { margin-top: 0; margin-bottom: 0; padding-top:1rem; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; } .dsg-block-27-image { width: 40%; margin: 0 auto; } .dsg-block-27-svg { fill: #8b2644; stroke: #8b2644; } .dsg-block-27-svg__svg { width:7rem; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } .dsg-block-27__content { text-align: left; } .dsg-block-27-svg__svg { width:10rem; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } .dsg-block-27-svg__svg { width:12rem; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } .dsg-block-27-svg__svg { width:17rem; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; padding-bottom:4rem; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 100%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-image { background-color:#fff; } @media screen and (min-width: 600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 45%; } } @media screen and (min-width: 960px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 22%; transition: all .2s ease-in-out; padding:1rem; } .dsg-block-28-list-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @media screen and (min-width: 1280px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 18%; padding:1rem; } } @media screen and (min-width: 1600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } </style>