Home › Forums › WoodMart support forum › Product page header is diffrent than main website header
Product page header is diffrent than main website header
- This topic has 11 replies, 2 voices, and was last updated 7 years, 1 month ago by Artem Temos.
-
AuthorPosts
-
December 5, 2017 at 12:57 pm #27219
hassanalipakParticipantHi,
Everything on my site running well, except from the product page header. Product page is showing a different logo then rest of the website. Product page is also keep showing woodmart logo. How can I fix this?Thanks,
December 5, 2017 at 1:30 pm #27230
Artem TemosKeymasterHello,
We are glad to know that you considered using WoodMart for your web-site. I hope you will be happy with it.
Be sure that you have uploaded both dark and light version of the logo image in Theme Settings -> Header -> Logo.
Kind Regards
XtemosDecember 6, 2017 at 10:04 am #27421
hassanalipakParticipantThanks for your message.
I am very happy with the woodmart theme in general. Although, I couldn’t fix the product page header, even after uplodaing dark, light and sticky logo, Product page is still not having the same header as rest of the website. I couldn’t find a place to edit product page. Would you help me with it please?Thanks
December 6, 2017 at 10:16 am #27424
Artem TemosKeymasterCould you please provide us a link to your website so we can see how it looks now?
December 6, 2017 at 1:05 pm #27469
hassanalipakParticipantThanks!
December 6, 2017 at 1:56 pm #27492
Artem TemosKeymasterOn the product page the header has a different color scheme because it can’t have any content below it as on other pages. So if we would set the light color scheme your will simply not see it. Or if you want, we can provide us you with a code snippet to make it light with solid black background color on the product page.
December 7, 2017 at 12:19 pm #27700
hassanalipakParticipantIf you can provide code snippet, that will be great. Thanks
December 7, 2017 at 1:09 pm #27727
Artem TemosKeymasterTry to add the following code snippet to the functions.php file in the child theme
function woodmart_custom_header_styles( $rules ){ if( is_product() ) { $rules['header_color_scheme'] = array( 'will-be' => 'light', ); $rules['menu_color_scheme'] = array( 'will-be' => 'light', ); } return $rules; } add_filter( 'woodmart_get_specific_options', 'woodmart_custom_header_styles' );
and this part to the Custom CSS area in Theme Settings
.single-product .main-header { background-color: #000; }
December 13, 2017 at 4:10 am #28628
hassanalipakParticipantThanks for the code!
Only one small issue. On scroll down, sticky header background is white. If that can turned into black as well, it will be perfect.
Would you send me code for that as well?Thanks!
December 13, 2017 at 7:22 am #28650
Artem TemosKeymasterHi,
But as we can see now, the sticky header is disabled completely.
Regards
December 13, 2017 at 12:09 pm #28706
hassanalipakParticipantI disabled it because it was having white background, which was not looking good.
If you can send me code for the sticky header’s black background as well, that will be great.Thanks
December 13, 2017 at 12:35 pm #28726
Artem TemosKeymasterPlease, enable it so we can prepare a test code for you.
-
AuthorPosts
Tagged: product page header
- You must be logged in to create new topics. Login / Register