Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="27" class="dsg-block-27-header-after"> <div class="avb-grid avb-grid--container dsg-block-27__grid-padding">  <div class="avb-grid__column avb-grid__column--medium-12 dsg-block-27__no-padding"> <ul class="avb-list avb-list--horizontal dsg-block-27-header-after-list"> <li class="avb-list__item dsg-block-27-header-after-list-item"> <avb-link is="a" class="dsg-block-27-header-after-link" data-href="https://www.facebook.com/GreenlineHomeSolutions/" target="_blank"><span class="fab fa-facebook-f dsg-block-27-header-after-icon"></span></avb-link></li> <li class="avb-list__item dsg-block-27-header-after-list-item"><avb-link is="a" class="dsg-block-27-header-after-link" data-href="https://www.instagram.com/GreenlineHomeSolutions/" target="_blank"><span class="fab fa-instagram dsg-block-27-header-after-icon"></span></avb-link></li> </ul> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { background-color: #84af3e; } .dsg-block-27__no-padding { padding: 0.2rem 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; color: #fff; text-align: center; } .dsg-block-27-header-after-list { justify-content: center; margin: 0; padding: 0; } .dsg-block-27-header-after-icon{ color:#fff; padding: 0 1rem; font-size: 1.3rem; } .dsg-block-27-header-after-icon:hover{ color: #c8ffc4; } .dsg-block-27-header-after__content:hover { color: #c8ffc4; } .dsg-block-27-header-after__headline { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 1.15rem; line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-27__grid-padding { padding: 0 1rem; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { text-align: left; } .dsg-block-27__no-padding { padding: 0.5rem 0; } /* .dsg-block-27-header-after-list { justify-content: flex-end; } */ .dsg-block-27-header-after-icon{ padding: 0 0 0 1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-27__no-padding { padding: 0.85rem 0; } } </style>

Default Header After Global Promotions

Blog

CONTACT US

SOLUTIONS

INFO

ASSOCIATIONS

FOLLOW US