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 avb-grid--container">  <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-before__content">  <span class="dsg-tools-main-paragraph dsg-tools-color-light dsg-block-28-header-before__link"> <span class="fa-brands fa-canadian-maple-leaf dsg-block-28-header-before__icon red-icon"></span> Proudly serving Canadians since 1950 <span class="fa-brands fa-canadian-maple-leaf dsg-block-28-header-before__icon red-icon"></span> </span> </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 { background: #000; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem 2rem .8rem; background: #000; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; font-size: 1rem; vertical-align: middle; } /* make icons red */ .red-icon { color: #FF0000; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 300; transition: 0.3s; font-size: .85rem; text-decoration: none; /* FIX: prevent clipping on small screens */ display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; white-space: normal; text-align: center; line-height: 1.3; } @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 { font-size: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-before__content { padding: 0.55rem 3rem 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-28-header-before__content { padding: 0.55rem 3rem 1rem; } } /* Extra fix for very small screens (like 320px) */ @media screen and (max-width: 360px) { .dsg-block-28-header-before__link { font-size: 0.75rem; } .dsg-block-28-header-before__icon { padding: 0 0.25rem; font-size: 0.9rem; } } </style>

Promotions and Rebates

Home Goods Furniture Warehouse

Location

Store Hours

Connect With Us