Product Page Banner Problem

Could you try turning off your sticky header and see if that makes a difference? Looks like something is interfering with the default header display.

Let me know if that returns the Goran header to its expected display.

Hi again, my colleague Richard (sacredpath) had a look at this and provided some custom CSS that should make your WooCommerce single-product template pages look like the rest:

.single-product .site-header {
    background: rgba(0, 0, 0, 0.224) none repeat scroll 0 0;
    margin-bottom: -196px;
    position: relative;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.single-product .hero.with-featured-image {
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 450px;
    padding-bottom: 155px;
}

Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Let me know how it goes!

Thank you so much to both you and Richard, that works perfectly.
Hugely appreciated.

You’re very welcome, glad that did the trick!