White background site header in Showcase Pro

Posted on
5/5 - (339 votes)

Showcase Pro has a transparent site header initially (i.e, when the scroll position is at the top of browser) which becomes white upon scrolling down.

If you are looking to set white background all the time, make these changes in its style.css:

Tested in Showcase Pro 2.0.2.

Change

a) L1554:

Comment out or delete

@media only screen and (min-width: 800px) {
    body.with-page-header.header-image:not(.header-scroll) .site-title a {
        background-image: url(images/logo_light.png) !important;
    }
}

b) L1579:

.site-header,
.header-image .site-header {
    padding: 3rem 0 2.5rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
}

to

.site-header,
.header-image .site-header {
    padding: 3rem 0 2.5rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*background: transparent;*/
}

c) L1610:

.with-page-header .site-title a {
    color: #fff;
}

to

/*.with-page-header .site-title a {
    color: #fff;
}*/

d) L1652:

.with-page-header .genesis-nav-menu a,
.with-page-header .genesis-nav-menu .menu-item.highlight a {
    color: #fff;
}

to

/*.with-page-header .genesis-nav-menu a,
.with-page-header .genesis-nav-menu .menu-item.highlight a {
    color: #fff;
}*/