Default Dev Script Validation

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-tools-nop"> <div class="avb-wrapper dsg-block-28-header-before__content dsg-tools-main-paragraph"> <ul class="avb-list avb-list--noBullet dsg-tools-main-paragraph dsg-block-28-header-before__list"> <li class="avb-list__item dsg-block-28-header-before__list-item"> <span class="dsg-block-28-header-before__desktop"><span class="fa-solid fa-comments dsg-block-28-header-before__icon"></span> Call or Text Us – </span><avb-link class="dsg-block-28-header-before__link" data-href="tel:972-357-8406">Sales: 972&#8209;357&#8209;8406</avb-link> | <avb-link class="dsg-block-28-header-before__link" data-href="tel:972-532-7579">Service: 972&#8209;532&#8209;7579</avb-link> </li> <li class="avb-list__item dsg-block-28-header-before__list-item"> <avb-link class="dsg-block-28-header-before__link-2" data-href="https://professional-appliance.com/" target="_blank"><span class="fa-solid fa-screwdriver-wrench dsg-block-28-header-before__icon"></span> Schedule Service</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, .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__icon { color: var(--avb-j0171-color-accent); transition: all 0.2s ease-in-out; } .dsg-block-28-header-before { text-align: center; padding: 0; background: var(--avb-j0171-color-primary); } .dsg-block-28-header-before__link:hover, .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover), .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) .dsg-block-28-header-before__link, .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) .dsg-block-28-header-before__icon, .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) .dsg-block-28-header-before__list-item:first-child { color: var(--avb-j0171-color-primary); } .dsg-block-28-header-before__link:hover { text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: var(--avb-j0171-color-accent); } /*.dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; }*/ .dsg-block-28-header-before__list { width: 100%; margin: 0; display: flex; justify-content: center; align-items: center; } .dsg-block-28-header-before__list-item { margin: 0; padding: 0; height: clamp(2.375rem, calc(2.375rem + ((1vw - 0.2rem) * 0.7500)), 3.125rem); display: flex; justify-content: center; align-items: center; gap: .5rem; } .dsg-block-28-header-before__list-item:first-child { flex: 1 0 auto; color: #FFF; display: none; } .dsg-block-28-header-before__list-item:last-child { flex: 0 0 100%; } .dsg-block-28-header-before__list-item:last-child .dsg-block-28-header-before__icon, .dsg-block-28-header-before__link-2 { color: var(--avb-j0171-color-primary); text-transform: uppercase; font-weight: 600; } .dsg-block-28-header-before__link-2 { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; gap: .5rem; background: var(--avb-j0171-color-accent); transition: all .2s ease-in-out; } .dsg-block-28-header-before__link-2:hover { background: var(--avb-j0171-color-light); } .dsg-block-28-header-before__desktop { 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__list-item:first-child { display: flex; } .dsg-block-28-header-before__list-item:last-child { flex: 0 0 clamp(13.75rem, calc(13.75rem + ((1vw - 0.375rem) * 6.0606)), 18.75rem); } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__desktop { display: inline; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-before__list-item:last-child { position: absolute; right: 0; } .dsg-block-28-header-before__link-2 { padding: 0 2rem; } } @media screen and (min-width: 1600px) {} </style>

Gas Flex Hose for Gas Laundry Dryers

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Professional Appliance

Contact Us

Sales

Service

Installation