Default Dev Script Validation

Default Header After Global Promotions

<avb-main class="dsg-tools-fill-light">  <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-main-heading dsg-tools-color-primary dsg-tools-fw-bold">Shop Cooking</h1> </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-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.danielappliance.com/catalog/ranges"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Ranges"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/range_1.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text">Ranges</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.danielappliance.com/catalog/cooktops"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Cooktops"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/cooktop.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text">Cooktops</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.danielappliance.com/catalog/microwaves"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Microwaves"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/microwave.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text">Microwaves</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.danielappliance.com/catalog/wall-ovens"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Wall Ovens"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/Wall_Ovens.jpg?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text">Wall Ovens</span> </avb-link> </li> <li class="avb-list__item dsg-tools-fill-appliance-primary dsg-block-28-list-item"> <avb-link class="dsg-block-28-link" data-href="https://kiosq.danielappliance.com/catalog/ventilation"> <avb-picture class="avb-picture dsg-block-28-picture" data-alt="Range Hoods"> <avb-picture-source class="dsg-block-28-image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/catalog/category/range_hoods.png?w=400"></avb-picture-source> </avb-picture> <span class="dsg-tools-ff-categories dsg-tools-color-light dsg-block-28-text">Range Hoods</span> </avb-link> </li>  </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-tools-dark-bg { min-height: 2000px; } /* =================== 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; background-color: rgba(241, 241, 241, 0); } .dsg-block-27__headline { margin-bottom: 0; padding: 6rem 1rem 3rem; } @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; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 0; margin-bottom: 0; } } /* =================== Categories (block-28) =================== */ .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28__content { padding: 0.5rem; text-align: center; } .dsg-block-28-list { justify-content: center; } .dsg-block-28-list-item { width: 40%; padding: 0 0 .5rem; margin: .75rem; } .dsg-block-28-image { } .dsg-block-28-text { font-size: .8rem; padding:0.1rem; } @media screen and (min-width: 600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } .dsg-block-28-list-item { width: 23%; } } @media screen and (min-width: 960px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-28 { margin-top: 0; margin-bottom: 0; } } </style>