[effess]

Catch Kathmandu Pro at https://rebecca-rosenberg.com … “Blog” is in the menu, but does not change color when post is active. Can you give me the CSS for that, please? Or did I miss a setting?

[sujeet]

Hi @effess,

Please add the following css code to Dashboard > Appearance > Customizer > Additional CSS. Thank you.

.secondary-navigation .current_page_parent > a {
   background-color: #e2d3b1;
   color: #000000;
}

Regards,
Sujeet

[effess]

Great! Thank you!

[effess]

However, now when the home page is active, both Home and Blog change color.

[sujeet]

Hi @effess,

Can you please try adding normal blog page in the menu along with other menu items? This will simply work the active colors as does for others. Just create a new ‘Blog’ page and add that to your menu.

And please ignore that css code that I sent you. Thank you.

Regards,
Sujeet

[effess]

What is a normal blog page? Are there directions somewhere? I created a page called Blog, and under “Reading” chose that page for posts. We don’t want posts on the home page.

[effess]

Got it! Thanks!

[effess]

Blog page is now shows active in the menu, but is there a way for the individual posts to also show BLOG in the menu? The CSS you sent works, but also shows when home page is active.

[effess]

I thought it was working, but it’s not. What am I missing? (cache & browsing data deleted)

1) new page title: Blog
2) template: Blog
3) publish
4) settings/reading/posts page: Blog
5) Blog (posts page) added to menu but not showing active

[sujeet]

Hello @effess,

I got really surprised since there is everything fine in our end. I put both normal blog page and category blog in the menu and both seems to have active colors. I’ve attached both screenshots.

I am bit unsure what you have done. All other pages in the menu are fine but just a blog is having different active class “current_page_parent”. When you are in other pages, there you will find an active class “current-menu-item”.

Please try removing the current blog item from menu and add the new blog page to the menu list from menu. See screenshot.

If this didn’t help, I will contact you through email. Thank you.

Regards,
Sujeet

[effess]

Still not working. It DOES work if I put a post in the menu as a sub item, but we don’t want posts in the menu, just the posts PAGE.

[sujeet]

Hello @effess,

For now, please add the following css code to resolve the issue. This should fix the active colors.

.archive.category .secondary-navigation .current_page_parent > a {
   background-color: #e2d3b1;
   color: #000000;
}

Regards,
Sujeet

[effess]

Thank you so much!!!

[sujeet]

You’re most welcome !

Regards,
Sujeet

[effess]

Is there a way for the parent of an active post to highlight in the menu? (The “Blog” menu item, which has no sub-items.)

[sujeet]

Hello @effess,

The parent of an active post is already highlighted in the menu. You please add sub items in the Blog menu item and if didn’t work, I will check for the code for you. Thank you.

Regards,
Sujeet

[effess]

We DO NOT want individual posts in the menu! Like this site: https://parkridgeclassicfilm.com/2022/03/

[sujeet]

Hello @effess,

Please try adding this code. Hope this works for you.

.archive.category .secondary-navigation .current_page_parent > a,
.single .secondary-navigation .current_page_parent > a {
   background-color: #e2d3b1;
   color: #000000;
}

Regards,
Sujeet

[effess]

Yes! This is great. Thank you! Only thing is that the title attribute (hover) does not appear in the menu.

[Author]

Posts