Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-27-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27-header-after__no-padding"> <div class="avb-wrapper dsg-tools-ff-primary dsg-tools-fw-regular dsg-block-27-header-after__content">  <span class="avb-typography__heading dsg-block-27-header-after__heading"> <span class="dsg-block-27-header-after__location-mobile"> <avb-link class="dsg-block-27-header-after__link" data-href="https://www.eastcoastappliance.com/catalog/special/brandsource_point_of_sale_marketing/Current%20Sale"> <span class="fa-sharp fal fa-tags dsg-block-27-header-after__icon"></span> Shop Our Current&nbsp;Sale </avb-link> </span> <span class="dsg-block-27-header-after__hider-mobile">|</span> <span class="dsg-block-27-header-after__location-mobile dsg-block-27-header-after-spacing"> <avb-link class="dsg-block-27-header-after__link" data-href="https://www.eastcoastappliance.com/delivery"> <span class="fa-sharp fal fa-truck-fast dsg-block-27-header-after__icon"></span> Same Day/Next Day Delivery Options </avb-link> </span> </span> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ /*.dsg-block-27-ha-hide { display: none; }*/ .dsg-block-27-header-after__no-padding { padding: 0; } .dsg-block-27-header-after__content { text-align: center; padding: 0.55rem .25rem; background-color: #f9d20b; color: #1779ba; font-family: "Open Sans", sans-serif; font-weight: 600; } .dsg-block-27-header-after__icon { padding: 0 0.25rem; font-weight: 600; } .dsg-block-27-header-after__heading { color: #1779ba; font-weight: 600; font-size: .9rem; } .dsg-block-27-header-after__link, .dsg-block-27-header-after__link:focus, .dsg-block-27-header-after__link:visited { color: #1779ba; font-weight: 600; font-size: .9rem; transition: 0.3s; } .dsg-block-27-header-after__link:hover { color: #000; } .dsg-block-27-header-after__location-mobile { display: block; } .dsg-block-27-header-after__hider-mobile { display: none; } .dsg-block-27-header-after-display { display: inline; } .dsg-block-27-header-after-spacing { padding-bottom: .25rem; } .dsg-block-27-header-after-desktop { /*display: none;*/ /*display: inline;*/ } .dsg-block-27-header-after-sml { font-size: .8rem; display: block; } @media screen and (min-width: 600px) { .dsg-block-27-header-after__location-mobile { display: inline; } .dsg-block-27-header-after-desktop { display: block; } .dsg-block-27-header-after-display { display: block; } } @media screen and (min-width: 960px) { .dsg-block-27-header-after__icon { padding: 0 0.5rem; } .dsg-block-27-header-after-spacing { padding-bottom: 0; } .dsg-block-27-header-after__link, .dsg-block-27-header-after__link:focus, .dsg-block-27-header-after__link:visited { font-size: 1.2rem; } .dsg-block-27-header-after__hider-mobile { display: inline; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style></li> </ul> </div>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content"> <ul class="avb-list avb-list--horizontal dsg-block-28-header-before__list"> <li class="avb-list__item dsg-block-28-header-before__list-item dsg-block-28-header-before__left"> <div class="elfsight-app-54c9a298-7ef4-4a99-a481-4ba99aed26b0" data-elfsight-app-lazy></div> </li> <li class="avb-list__item dsg-block-28-header-before__list-item"> <avb-link is="a" class="dsg-block-28-header-before-link dsg-block-28-header-before-link1" data-href="https://www.eastcoastappliance.com/services#track">Track My Delivery |</avb-link> <avb-link is="a" class="dsg-block-28-header-before-link dsg-block-28-header-before-link1" data-href="https://www.eastcoastappliance.com/contacts"> Locations</avb-link>  </li> </ul> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { color: white; margin: 0; padding: 0.25rem 0; background: #006bba; font-family: 'Open Sans', sans-serif; text-align: center; } .dsg-block-28-header-before__list { width: 100%; display: grid; grid-template-rows: auto; margin: 0; } .dsg-block-28-header-before__list-item { padding: 0; margin: 0 auto .5rem auto; } .dsg-block-28-header-before__left { padding: 0 0 .5rem 0; } .dsg-block-28-header-before-link1 { color: white; font-size: .9rem; } .dsg-block-28-header-before-link1:hover { color: #f9d20b; } .dsg-block-28-header-before-link2 { font-weight: bold; color: #f9d20b; } .dsg-block-28-header-before-link2:hover { color: #fff; } .dsg-block-link-color { color: inherit; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { margin: 0; padding: 0.25rem 0; color: #fff; font-size: 1em; font-weight: 100; transition: 0.3s; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #f9d20b; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } .dsg-block-28-header-before-link1 { color: white; font-size: 1.1rem; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__list { grid-template-columns: 14rem auto; } .dsg-block-28-header-before__list-item { display: flex; justify-content: center; align-items: center; margin: auto; } .dsg-block-28-header-before__left { display: flex; justify-content: center; align-items: center; padding: 0; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-before__list { padding-right: 5%; } } @media screen and (min-width: 1600px) { .dsg-block-28-header-before__list { padding-right: 15%; } } </style>

Dryer Vent Kit

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer