[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.

[sujeet]

Hello @effess,

You can add attribute text for the Blog page. For that you need to enable the attribute text field for the menu items from screen options at top right of dashboard. Please check screenshot for more detail.

Let me know if this worked for you. Thank you.

Regards,
Sujeet

[Author]

Posts