customize Menufication wp plugin css

customize_Menufication_wp_plugin_css.scss

// change #F2F2F2 to your color and etc.

.page,.single,.archive{
    #menufication-outer-wrap.light #menufication-top, #menufication-outer-wrap.light #menufication-non-css3-top, #menufication-non-css3-outer-wrap.light #menufication-top, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top {
       background-color: #fff !important;
        background-image: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 85px;
        border-bottom: 1px solid #906d4f;
    }    
    
    #menufication-nav .menufication-child-menu, #menufication-non-css3-nav .menufication-non-css3-child-menu {
    border-bottom: none;
    }
   
    #menufication-outer-wrap.light #menufication-scroll-container, #menufication-outer-wrap.light #menufication-non-css3-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-non-css3-scroll-container {
    background: transparent;
    @include box-shadow(none);
    border-right: 1px solid #F2F2F2;
    }
    
    #menufication-outer-wrap.light #menufication-nav li, #menufication-outer-wrap.light #menufication-non-css3-nav li, #menufication-non-css3-outer-wrap.light #menufication-nav li, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li {
    border-top: none;
    border-bottom: 1px solid #F2F2F2;
}
    
     #menufication-outer-wrap.light #menufication-nav a, #menufication-outer-wrap.light #menufication-nav p, #menufication-outer-wrap.light #menufication-non-css3-nav a, #menufication-outer-wrap.light #menufication-non-css3-nav p, #menufication-non-css3-outer-wrap.light #menufication-nav a, #menufication-non-css3-outer-wrap.light #menufication-nav p, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav a, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav p {
        color: #906d4f;
        font-family: 'Avenir Next Pro Medium';
        font-size: 1rem;
        line-height: 22px;
    }
    
    #menufication-nav li.menufication-active-class>a, #menufication-non-css3-nav li.menufication-active-class>a {
        color:#906d4f !important;
        text-decoration: underline;
    }
    
    #menufication-outer-wrap.light #menufication-nav li.menufication-has-child-menu:before, #menufication-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before, #menufication-non-css3-outer-wrap.light #menufication-nav li.menufication-has-child-menu:before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before {
        color: #906d4f;
    }
    
    #menufication-outer-wrap.light #menufication-top #menufication-btn:before, #menufication-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn:before, #menufication-non-css3-outer-wrap.light #menufication-top #menufication-btn:before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn:before {
        border-color: transparent !important;
    }
    
    #menufication-top #menufication-btn, #menufication-non-css3-top #menufication-non-css3-btn {
        background-image: url(images/mobmenuIcon.svg);
        width: 32px;
        height: 32px;
    }
    
    #menufication-top #menufication-header-logo, #menufication-non-css3-top #menufication-non-css3-header-logo {
        max-height: 60px;
        height: 60px;
        margin-top: 12.5px;
    }

}