Transparent Site Header in Monochrome Pro

Monochrome Pro comes with a fixed site header having a white background on all pages including the homepage (with front page 1 section that has the full-width background image) and single posts (that have the featured image as background below the site header).

If you are looking to set a transparent background for the site header on the above views i.e., homepage and single posts that have featured images, make the following edits in Monochrome Pro’s (v1.0 as of today) style.css.

.home .site-header,
.single.featured-image .site-header {
    background-color: transparent;
}

.home .shadow .site-header,
.home .site-header.search-visible,
.single.featured-image .shadow .site-header,
.single.featured-image .site-header.search-visible {
    background-color: #fff;
}

.home.header-image .site-title > a,
.single.featured-image.header-image .site-title > a {
    background-image: url(images/logo-white.png) !important;
}

.home .nav-primary .genesis-nav-menu > li > a,
.single.featured-image .nav-primary .genesis-nav-menu > li > a {
    color: #fff;
}

.home.header-image .shadow .site-title > a,
.single.featured-image.header-image .shadow .site-title > a {
    background-image: url(images/logo.png) !important;
}

.home .shadow .nav-primary .genesis-nav-menu > li > a,
.single.featured-image .shadow .nav-primary .genesis-nav-menu > li > a {
    color: #000;
}

.home .site-inner {
    margin-top: 0;
}

.entry-background {
    margin-top: 0;
}

After scrolling down by 50px, site header will get a white background.