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>

a4587b21-003a-411d-98eb-3c8083ab46e6.jpg

ded09019-0fb7-47cc-af01-7072dcad2834.jpg

ee3c2104-68e9-4546-a86b-97da213136ce.jpg

d4aee2b6-f03a-4633-9ecd-0279d769d143.jpg

7ce2b46f-7c8e-47a2-81fb-3778e23fdce6.jpg

3721d2a0-e2f3-4966-b602-65334e517e5a.jpg

55ce730e-010a-4f0a-a26e-6aca8f55ec5f.jpg

ffc67242-93e8-4822-a61e-1048887afc26.jpg

9386dfc6-af09-4f03-a7d4-346f33fa2dfc.jpg

ef43dd16-5518-476a-9edb-0becf2792560.jpg

c6c089ad-894c-43ad-801c-81aabf09c523.jpg

822e2256-d6e8-479d-95f8-f882dc3bb7eb.jpg

8d948f22-9fb3-4e9e-909f-d5f8053822c1.jpg

2f0170cc-8f45-43b3-a0d5-981e95674191.jpg

7b9668fa-c62d-4d6d-9a9d-57c705f35b9a.jpg

be270fee-dd88-4c16-94eb-af71d9ad2cfe.jpg

2c84480c-35a8-4d65-8d24-bd79c4789e55.jpg

e1c886f1-ad2d-4879-955d-da5ecaedc16c.jpg

983353ef-e227-410f-b81b-81b1116afaaf.jpg

5cf455db-3b35-491c-add8-a38de063d65f.jpg

51e4f396-4efe-44d9-82d4-9ef66e4d4fe1.jpg

7d793f60-dd75-445e-996c-0b2377d2c591.jpg

Creekside 22" Joya Ottoman

Door County furniture can be customized to fit your style. You have 2 different wood species options, 26 different stain options and even the choice to pick your handles. Please contact the store for more details.

Creekside 22" Joya Ottoman

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Shop

Mattress Barn

Clearance Barn