[Support request] Different Menu Navigation & Logo on specific pages.

[FunkyCss]

Hallo there,

I need to create a page with different menu and for all blog pages, and other logo as well and a background color.

I have seen previous forums that you need a conditionl menu plugin ( Conditional Menus ) for that, so I did and this looks to work pretty ok for my case.

I need your help tho to change my logo also for this specific page and the background color, can this be done ?

[Leo]

Hi there,

The page you’ve linked is under maintenance mode – can you disable it for now?

And what background color are you looking to change?

[FunkyCss]

Hallo Leo!

Yes I just deactivated,

I will do this menu white.

Thank you a lot

[Leo]

The logo can be changed with this filter:
https://docs.generatepress.com/article/generate_logo/

And the is_page() conditional tag:
https://codex.wordpress.org/Conditional_Tags#A_PAGE_Page

I will do this menu white.

Are you referring to the entire header or just menu items?

[FunkyCss]

Hi Leo, thanks for the info

the menu header needs to be white from blue

[Leo]

Try something like this:

body.page-id-266 .site-header, 
body.page-id-266 .main-navigation .main-nav ul li a,
body.page-id-266 .main-navigation .menu-bar-items {
    background-color: #fff;
    color: #000;
}

[FunkyCss]

Hallo this seems to work, can I ask how I can change the logo on mobile too?

This filter seems to work for pc only

[Ying]

I can’t see your site so I guess you are using a mobile header?

If so, the logo in mobile header can use this filter:
https://docs.generatepress.com/article/generate_mobile_header_logo_output/

[FunkyCss]

Hallo,

I am not using mobile header

I have opened the website

[Ying]

Then the snippet should work for mobile as well.

[FunkyCss]

But it does not work on mobile

[Ying]

Can you link me to a page where supposed to have a different logo?

[FunkyCss]

Hi, take a look here https://find-the-missing-piece.com/healthcare-professionals/

Sticky works great, but the main menu has wrong logo

[Ying]

The desktop and mobile logos are the same, I thought you said only the mobile logo doesn’t work? I’m confused.
desktop: https://www.screencast.com/t/Q1xwUzvymMg4
mobile: https://www.screencast.com/t/MWtAQiwypZI9

[FunkyCss]

Hi there,

I am so sorry, But I meant for the sticky logo!

This seems to work perfectly fine but sticky does not change

[Author]

Posts