Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-after__no-padding"> <div class="avb-wrapper dsg-block-28-header-after__content">   <span class="fas fa-credit-card dsg-block-28-header-after__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-after__link" data-href="https://www.themattressbarn.com/financing">Take More Time to Pay with Quick &amp; Easy&nbsp;Financing »</avb-link>    </div> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-28-header-after) ==================== */ .dsg-block-28-header-after__no-padding { padding: 0; } .dsg-block-28-header-after__content { text-align: center; padding: 0.55rem; background-color: #ac000a; color: #fff; } .dsg-block-28-header-after__icon { padding: 0 0.5rem; } .dsg-block-28-header-after__heading { color: #fff; font-weight: 400; font-size: 0.68rem; } .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { color: #fff; font-weight: 400; font-size: 0.68rem; transition: 0.3s; } .dsg-block-28-header-after__link:hover { color: #ccc; text-decoration: underline; } .dsg-block-28-header-after__location-mobile { display: block; } .dsg-block-28-header-after__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-after__location-mobile { display: inline; } .dsg-block-28-header-after__hider-mobile { display: inline; } .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited, .dsg-block-28-header-after__link:hover, .dsg-block-28-header-after__heading { font-size: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited, .dsg-block-28-header-after__link:hover, .dsg-block-28-header-after__heading { font-size: 1.1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

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">   <span class="fas fa-map dsg-block-28-header-before__icon"></span> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-before__link" data-href="https://www.themattressbarn.com/contacts">Find the Perfect Mattress at Our Two&nbsp;Showrooms »</avb-link>    </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 { text-align: center; padding: 0.55rem; background-color: #1f1f1f; color: #fff; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: 0.68rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: 0.68rem; transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #ccc; text-decoration: underline; } .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__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:hover, .dsg-block-28-header-before__heading { font-size: 1rem; } } @media screen and (min-width: 960px) { .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__link:hover, .dsg-block-28-header-before__heading { font-size: 1.1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Door County 60" Upholstered Bench Seat

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Shop

Mattress Barn

Clearance Barn