[Resolved] ‘Background Current’ color on sub-menu items

[porkopolis]

I’m using GP Premium and building a child theme to replace my current theme built on the Theme Hybrid Framework.

I have a frustrating little problem with the Customizer and the colors I have setup for my primary navigation.

Here is the site address: https://porkopolis.org/t1-2020/

Clicking on the “Blog” tab, the ‘Background Current’ color turns red as I have set it up. How can I have it stay red when I then click on an individual blog post? Now it goes back to the chosen overall background color which is dark grey. Sub-menus for other (page) tabs work correctly.

Thank you!

[Leo]

Hi there,

Give this CSS a shot:

.main-navigation .main-nav ul li.current_page_parent a {
    background-color: #ed384a;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[porkopolis]

Hey Leo,

First, I am relieved this was not a situation where I was confused about the Customizer. I can do CSS, if that is the answer.

Second, the code below seemed to work better for me. Your suggestion had some #ed384a colors showing up on other parts of the nav menu.

body.single-post .main-navigation .main-nav ul li.current_page_parent {
    background-color: #ed384a;
}

All good, now. Thank you very much for your help!

[Leo]

Glad to hear that you’ve figured out 🙂

[Author]

Posts