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"> <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"> <ul class="avb-list avb-list--horizontal dsg-block-28-header-before__list"> <li class="avb-list__item dsg-block-28-header-before__list-item dsg-block-28-header-before__left"> <div class="elfsight-app-52857457-9401-414c-b2d1-ceacc823c052" data-elfsight-app-lazy></div> </li> <li class="avb-list__item dsg-block-28-header-before__list-item"> <avb-link class="dsg-block-28-header-before-link" data-href="https://www.johnniesappliances.com/contacts"> Click here to schedule your appliance &nbsp;repair&nbsp;<i class="far fa-tools dsg-block-26-icon"></i> </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__no-padding { padding: 0rem; } .dsg-block-28-header-before__content { font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 0; color: #fff; font-size: clamp(0.7rem, 2.1vw, 1rem); text-align: center; background-color: #828a94 !important; padding: 0.55rem; } .dsg-block-28-header-before__list { width: 100%; display: grid; grid-template-rows: auto; margin: 0; } .dsg-block-28-header-before__list-item { padding: 0; margin: 0 auto .5rem auto; } .dsg-block-28-header-before__left { padding: 0 0 .5rem 0; } .dsg-block-28-header-before__icon { padding-right: .25rem; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:active, .dsg-block-28-header-before-link:visited { color: #fff; font-weight: 600; font-size: clamp(0.7rem, 2.1vw, 1rem); } .dsg-block-28-header-before-link:hover { color: #fff; 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; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__list { grid-template-columns: 14rem auto; } .dsg-block-28-header-before__list-item { display: flex; justify-content: center; align-items: center; margin: auto; } .dsg-block-28-header-before__left { display: flex; justify-content: center; align-items: center; padding: 0; } } @media screen and (min-width: 1280px) { .dsg-block-28-header-before__list { padding-right: 5%; } } @media screen and (min-width: 1600px) { .dsg-block-28-header-before__list { padding-right: 15%; } } </style>

Dishwasher Installation Kit

At a Glance

What We Offer

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Johnnie's Appliances

Store Locations

Connect With Us