Default Dev Script Validation

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-tools-fill-light 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-block-28-header-before-list"> <li class="avb-list__item dsg-tools-color-dark dsg-block-28-header-before-list-item dsg-block-28-header-before-list-item-1"> <span class="fa-sharp fa-solid fa-gem dsg-block-28-header-before__icon"></span> We Provide a Premium&nbsp;Experience at an Always Competitive&nbsp;Price! </li> <li class="avb-list__item dsg-tools-fill-primary dsg-block-28-header-before-list-item dsg-block-28-header-before-list-item-2"> <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.authorizedstl.com/our-showroom#book-appointment">Schedule Your Showroom&nbsp;Appointment</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: #EADEDA; transition: all 0.2s ease-in-out; } .dsg-block-28-header-before { text-align: center; padding: 0; /*border-bottom: 1px solid #EADEDA;*/ /*background: #BG_color_BG_color_BG_color_BG_color_BG_color;*/ } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover, .dsg-block-28-header-before:has(.dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover) .dsg-block-28-header-before__icon { color: #EADEDA; } .dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover { text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before-list-item-1 .dsg-block-28-header-before__link:hover) { background: #FF0000; } .dsg-block-28-header-before-list { margin: 0; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; line-height: 1.125; } .dsg-block-28-header-before-list-item { margin: 0; padding: 9px; width: 100%; height: 100%; flex: 1 1 auto; } .dsg-block-28-header-before-list-item-2 { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before-list-item-2 { padding: 0; display: flex; max-width: 370px; border-left: 4px solid #140000; transition: all .2s ease-in-out; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link { width: 100%; height: 100%; min-height: 54px; padding: 9px; display: flex; flex-flow: column; justify-content: center; align-items: center; font-weight: 600; line-height: 1.25; text-transform: uppercase; position: relative; z-index: 0; overflow: hidden; } /*.dsg-block-28-header-before-list-item-2:has(.dsg-block-28-header-before__link:hover) { border-left: 4px solid #CF0000; }*/ .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:hover { color: #CF0000; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:after { content: ''; position: absolute; top: -2px; left: -13px; width: 0; height: 110%; background: #140000; opacity: 0; transform: skewX(-20deg); z-index: -1; transition: all .25s ease-in-out; } .dsg-block-28-header-before-list-item-2 .dsg-block-28-header-before__link:hover:after { width: 120%; opacity: 1; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Installation: Cooktop, Drop-In, Electric

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Authorized Appliance

Location

Store Hours

Contact Us