Different logo for different type “minimal” style header

Hello,

If you are using the transparent style on your home page only, then upload a logo from the Edit homepage (default editor) > OceanWP settings metabox > header tab and upload a logo.

For all the pages which are using minimal header style, upload a logo in the Customize > Header > logo.

Let me know if I misunderstood your question.

Hello. Thanks! You’ve understood it good. It works good. Thank you. Just one single issue. It seems that I cannot find the way how I can choose the right menu for my “product page”. The theme is, by default, showing the transparent style which I would like to change to the minimal one.

Here is the example of the current state.

Thanks again!

Do you want to change it only for the product page or for the website globally?

Edit Shop Page > OceanWP settings Metabox > Header tab and select minimal style.

Just a product page or every page I cannot find within “Pages” menu. I have edited Pages / Shop page and changed the menu style, but it does not work. I am satisfied with the rest. Thanks!

Did you select the menu from the OceanWP settings metabox?

Yes! Here is the screenshot.

It actually works on the shop archive page, but does not when I go to the concrete product. The menu changes back to transparent then.
You can check it here.

• This reply was modified 5 years, 10 months ago by micwie.

Okay, add the below code to the functions.php file of the OceanWP child theme and check it works or not.

function my_shop_header_style( $style ) {

	// Return the transparent header style
	if ( is_woocommerce() || is_cart() || is_checkout() ) {
		$style = 'minimal';
	}

	// Return
	return $style;

}
add_filter( 'ocean_header_style', 'my_shop_header_style' );

Thanks a lot! This worked cool, but the link items (cart and search included) are white (should be in black as in other minimal menus). Only logo stayed black. What would you suggest?

Check the screenshot here.

You’re welcome!
Try to set the menu color settings again from the Customize > header > Menu.

Hi. This works for the shop page, but affects all pages where the menu is transparent and should have white links. I have came up with this solution:

Customize / Header stays black -> Edited link colors within metabox evywhere where I have transparent menu and the links should be white.

What do you think?

But you need to do it again and again for every page/post. The best way to do it to add some CSS code to make it globally.

But you need to do it again and again for every page/post. The way do it to add some CSS code to make it globally.

Do you have some CSS suggestion for this problem? I still have a problem with these pages:

1) CHECKOUT (CART page works fine)

https://www.paulthevintage.com/checkout/

2) SINGLE PRODUCT PAGES

e.g.: https://www.paulthevintage.com/product/cabinet-jiroutek/

They should display minimal menu with the black version as it is e.g. in categories.

Thank you!
micwie

You’re using an image for the logo? With CSS the text color can be changed but not the image color.
For the menu, I’m seeing the menu (black) for both the pages but saw a white logo on the single product page.

Hello. It is basically text logo generated from you theme, but used as an image. We could theoretically use the default text (Paul the Vintage) as logo since it looks the same and then use your code? What you think?

I am using two types of the menus (please see the screenshot)

a) TRANSPARENT (white items, white logo)

b) MINIMAL (black items, black logo)

Here is the link.

Here is the list of the pages and which menus / logos it should have:

(TOP BAR NAVIGATION)
HOMEPAGE – white items, white logo
MY STORY – white items, white logo
CONTACT – white items, white logo
CART – black items, black logo
FAQ – white items, white logo
SHOPPING GUIDE – white items, white logo

(CATEGORY NAVIGATION)
ALL CATEGORIES – black items, black logo

(WOOCOMMERCE pages)
CART – black items, black logo
CHECKOUT – black items, black logo
SINGLE PRODUCT PAGE FROM ARCHIVE – black items, black logo

Hope that this info is understandable.

Thank you!

Hello,

Please check the screenshot. For the single product page, it is an image – ‘logowhite.png’.

https://prntscr.com/me45o6

It seems you have added the logo from the OceanWP settings Metabox for the product page.