Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 15, 2015 at 11:07 pm #519612
    QuantumLeapDesign

    Dear support, forum visitors.

    I’m trying to get the color of the menu text to change to green when you scroll down. It works for all the menu items but for some reason i cannot find the right css to change the color from white to green when the menu link is active.
    http://www.hotel-salzburgerhof.quantum-leap.be/

    I tried changing the custom.css file but for some reason it always uses the css in code below from this file.
    http://www.hotel-salzburgerhof.quantum-leap.be/wp-content/uploads/dynamic_avia/salzburger_hof_theme.css

    .header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #ffffff;
}

    Any ideas on how to change the active state of the menu to a green when scrolling down?

    Best regards.
    Kristof

    October 16, 2015 at 10:43 am #519767
    Rikard

    Hey QuantumLeapDesign,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .header-scrolled #avia-menu .current-menu-item a span.avia-menu-text {
color:red !important;
}

    Thanks,
    Rikard

    October 16, 2015 at 3:09 pm #520028
    QuantumLeapDesign

    Hi Rikard,

    First of all thanks for your help.
    On first scrolldown the menu items color are all correct. green or in the case for the changed css red.
    However when scrolling further down the hover state is still white and the first menu item Hauptseite reverts back to white.
    screenshot

    Any more help would be greatly appreciated.

    Best regards,
    Kristof

    October 18, 2015 at 6:31 am #520510
    Rikard

    Hi,

    Please try the following as well:

    .header_color .main_menu ul:first-child > li.current_page_item > a {
color:red !important;
}

    Best regards,
    Rikard

    October 19, 2015 at 9:31 am #520772
    QuantumLeapDesign

    Awesome Rikard. Works great!

    Only thing thats now still not going as planned is the hover state of the menu items.

    If you could look into that aswell i would be very gratefull.

    Best regards,
    Kristof

    October 19, 2015 at 12:53 pm #520883
    Yigit

    Hey!

    Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and check “Apply only to mouse hover state” :)

    Cheers!
    Yigit

    October 19, 2015 at 5:09 pm #521053
    QuantumLeapDesign

    Thank you very much for your help Yigit and Rikard!

    October 19, 2015 at 5:11 pm #521056
    Yigit

    Hi!

    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Active state not visible on white background’ is closed to new replies.