Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.claytonappliance.com/contacts">  <span class="dsg-block-27-header-after__headline"> <span class="far fa-snowflake dsg-tools-color-light"></span> We Hope You Have a Great Holiday Season &amp; Happy New Year! | View Our Holiday Hours&nbsp;&raquo;  </span>   </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { background-image: url(https://cdn.avbportal.com/magento-media/members/n0088-clayton/122225-header-after-background.jpg?w=1200); background-size: cover; background-position: center; } .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; background-color: var(--avb-secondary-hover); background-image: url(https://cdn.avbportal.com/magento-media/members/n0088-clayton/122225-header-after-background.jpg?w=1200); background-size: cover; background-position: center; color: #fff !important; text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__content:hover { text-decoration: underline; color: #ddd; } .dsg-block-27-header-after__headline { font-family: 'Archivo', sans-serif; font-weight: 400; font-size: clamp(.8rem, 2.1vw, 1.125rem); line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @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-tools-nop"> <div class="avb-wrapper dsg-block-28-header-before__content dsg-tools-main-paragraph"> <span class="fa-solid fa-house-chimney-heart dsg-block-28-header-before__icon"></span>  <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.claytonappliance.com/contacts"> Let Our Professionals Help You Select the Perfect Appliance for Your Home | Visit Us Today! </avb-link> </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 { color: #fff; font-size: clamp(.8rem,2.1vw,1.125rem); } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background-color: var(--avb-primary); } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { transition: all 0.2s ease-in-out; } .dsg-block-28-header-before__link:hover { color: var(--avb-primary-hover); text-decoration: underline; transition: all 0.2s ease-in-out; } .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; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

BRAMA FULL SIZE FRENCH DOOR

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Clayton Appliances

Location

Store Hours: Fayetteville

Store Hours: Sharpsburg

Connect With Us