Secondary navigation element button styling

Hi there,

Where can I see the secondary navigation with the buttons in your site?

I added my site url, the secondary navigation should be visible on all pages

Hi there,

This should help:

.sub-navigation a.button, .sub-navigation a.button:visited {
    ...
}

.sub-navigation a.button:hover {
    ...
}

Thanks very much

Resolved

You're welcome :)

Hi there, you helped me out with my secondary navigation styling, but how do I add the styling for the active button?
I have tried to add .sub-navigation a.button:active { color: red; } but this is not working?

Thanks!

What's the password to your site so we can see the issue?

I removed the password so you can login as

user: generatepress
pass: SgNH*5oqdPrs69vdeF!2tsXh

The .sub-navigation a.button:active { color: red; } is not added, as I was testing it out:

Sorry where can I see this navigation you are referring to?

I only see the menu toggle and slideout navigation on the home page.

Let me know :)

The secondary navigation is only visible for logged in users, which was why, I sent you login credentials.

Thanks

Ok I'm logged in but still don't see a second navigation.
https://www.screencast.com/t/9TFMXS8Es

What am I missing?

Did you try to navigate away from that page? ;-)

I did not as you mentioned that is should be visible in All pages in this reply ;)
https://generatepress.com/forums/topic/secondary-navigation-element-button-styling/#post-1256663

How is that navigation created? It's missing the current-menu-item class so we cannot target it.