[Resolved] CSS styles in sticky navigation

Home Forums Support CSS styles in sticky navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #418672
    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!!!

    GeneratePress 1.4
    #419019
    Leo
    Staff
    Customer Support

    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.

    #419258
    Madochu

    Wooowww, PERFECT!!!!
    Thanks!!

    #419672
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.