[Resolved] CSS styles in sticky navigation

[Madochu]

Hi,
I’ve the sticky navigation on. In some pages I have change with css the menu color so I have two types of pages: one with white menu items (all the “normal” pages) and another pages with grey color. When I scroll down and the sticky menu appears the menu color should be white. No problem in the normal pages.
In the pages were the menu item is grey it does not change the color to white when I scroll down, I guess it is because I change it to grey.
Well the thing is: which is the selector for the sticky navigation?
You can see a “normal page” demo in: https://www…..org/
You can see the problem in: https://www…./diario/
I don’t know if I’ve explained myself. Sorry 🙂
Thanks!!!

[Leo]

Hi there,

To target sticky navigation only, you just need to replace .main-navigation with .main-navigation.navigation-stick.

So like:

.page-id-664 .main-navigation .main-nav ul li a {
    letter-spacing: 1px;
    font-weight: bold;
    color: #54595f;
}

to

.page-id-664 .main-navigation.navigation-stick .main-nav ul li a {
    letter-spacing: 1px;
    font-weight: bold;
    color: #ffffff;
}

Let me know if this helps.

[Madochu]

Wooowww, PERFECT!!!!
Thanks!!

[Leo]

No problem 🙂

[Author]

Posts