Woocommerce Single Product Page Header

Support
#1

Hi There,

I have installed Woocommerce. Everything works fine except on the single product pages I am not getting any sort of header. I get the menu and the logo but these are white and so I cant’ see them. They also lay over the product. How do I set the header for the single product page?

Many thanks

#2

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#3
Summary

This text will be hidden

#4

Hello There,

Thank you for providing the url. You are into this situation because you are trying to fix the homepage have the menu on top of your slider and yet it affects other pages as well. I would recommend that you update your custom css code and make use of this instead:

.home .masthead {
    position: absolute;
    width: 100%;
}

And then you will also need to change the menu link color and hover color so that the menu items can be seen when the background is just plain white. You can change it in X > Launch > Options > Header > Link - Text and find the color pickers for the Navbar links and Navbar link hover. You do not have to worry about the color of the menu items in your home page because you can have a different color by using this custom css

.home .x-navbar .desktop .x-nav > li > a, 
.home .x-navbar .desktop .sub-menu li > a, 
.home .x-navbar .mobile .x-nav li a {
    color: #fff !important;
}

We would loved to know if this has work for you. Thank you.

#5

Thanks but I think we might have crossed wires. I would like to have some sort of header on the single product pages, say for example like this page http://simply-outdoors.com/sos/ has a header with the logo and navigation whereas this page http://simply-outdoors.com/product/yorkshire-3-peaks-april-21st-and-22nd-2018-this-event-is-fully-booked/ , which is a single product page does not.

Thank you

#6

Hello Again,

Thank you for the clarifications. The page http://simply-outdoors.com/sos/ is just a normal page using Blank - No Container | Header, Footer page template. Your header is actually a part of the content section which you have added in Cornerstone. The product page on the other hand has a different page layout and displays the elements of the page differently. Regretfully your request to add the header in a single product page requires custom development which is beyond the scope of our support. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself.

Thank you for your understanding.