Reply To: Transparent header and navigation overlapping image

[Tom]

Hi there,

He set the header position to absolute and gave it a semi-transparent background color.

.site-header {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

Looks awesome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development