Editing Header in WooCommerce Product Page

[101boost]

Hello,

The headers in all of my WooCommerce Product pages are messed up, and cannot be edited in Cornerstone. How can I fix them?

The URL for this page is: http://www.101boost.com/product/flying-ninja-poster/
I want to copy in the header that I normally use in the site, which is just one of the demo ones.

Thanks

[Prasant]

Hello @101boost,

Thanks for asking.

On the home page you can see the header because of the slider blue background color and same goes with the logo text (101Boost). On product page you will have to either change link color from white to a different color or change the background color.

You can remove The Shop text from X > Theme Options > Renew > Shop Options.

To change color and background color, please use following CSS under X > Theme Options > CSS:

.single-product .x-navbar {
    background-color: #ddd !important;
}
.single-product .x-navbar a {
    color: #ddd !important;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.