Don't quite like the menu bar style in the Minimal theme? Style the menu bar according to your color whims. Choose a color to match with your brand logo and brand image.



Please add the code in Settings --> Advanced Feature --> Third party meta tag box.




You can use this link to get color codes: http://www.w3schools.com/tags/ref_colorpicker.asp


<style>

ul.dropdown {

background : #373230; /*Menu Bar background Color*/

padding-bottom : inherit;

}

ul.dropdown>li {

float : none;

}

ul.dropdown ul li a:hover, ul.dropdown>li.hover, ul.dropdown>li:hover {

background : #373230; /*Menu bar dropdown background hover color*/

/*color: #fff;*/ /*Text color*/

}

ul.dropdown ul li.hover a {

    color: #fff !important;

}

ul.dropdown>li>a {

padding-left :20px;

padding-right : 20px;

}

ul.dropdown > li > a {

    text-transform: uppercase;

    color:#fff !important;

}

.nav-li.current{

background-color: #606060 !important;

border-bottom: 0;

}

ul.dropdown>li {

    border-bottom : 0px;

    padding-bottom: 0px;

}

ul.dropdown:after {

    border-top: 0px;

}

ul.dropdown>li>ul {

top: 35px;

}

ul.dropdown>li.hover, ul.dropdown>li:hover{

    border-bottom: none !important;

}

</style>