Shopify Header- Debut

HOW TO:

STEP ONE: Go to Shopify online and go Edit code for Debut Theme under ACTIONS.

STEP TWO: Open THEME.SCSS.LIQUD under ASSEST Floder.

STEP THREE: Copy the code below and add it to the bottom of THEME file

STEP FOUR: SAVE

STEP FIVE: If you want to change the colors go to the link below and choose your color and enter it in the code.

HTML Color Pick:
https://htmlcolorcodes.com/

.site-header__logo {
    color: #ffffff​;
}

header.site-header {
  background-color: #ADA74D​ ;
}
  
.site-header__mobile-nav {
  background-color: #ADA74D​ !important;
}

footer.site-footer {
   background-color: #212F3D​  ;
}

div#shopify​-section-header.shopify-section {
  background-color: #212F3D​  ;
}

#AccessibleNav​ .site-nav__link {
 color: #fff​;
}

body.index #Header​ #Logo​ {color:#ffffff​}

.icon-search {
  color: white;
  
}

.icon-cart {
  color: white;
  
}

.icon-login {
  color: white;
  
}


.icon-hamburger {
  color: white;
  
}

#SearchDrawer​ {
  z-index:1001;
}

#shopify​-section-header {
  position: fixed;
  z-index:1000;
  left:0;
  right:0;
  -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,.1);
  -moz-box-shadow:0px 2px 4px 0px rgba(0,0,0,.1);
  -ms-box-shadow:0px 2px 4px 0px rgba(0,0,0,.1);
  -o-box-shadow:0px 2px 4px 0px rgba(0,0,0,.1);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,.1);
  background-color: {{ settings.color_body_bg }};
}

#PageContainer​ {
  padding-top: 80px;
}

@media screen and (max-width: 749px) {
#PageContainer​ {
  padding-top: 70px;
}
}

@media screen and (max-width: 769px){
  .slideshow__title, .slideshow__subtitle {
     display: block !important;;
  }
  .slideshow__text-wrap--mobile{
    display: none !important;;
  }
}