Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 9, 2017 at 3:39 am #836105
    Owen

    From reading support posts, I see that I can change the color of an individual menu element by using:
    #menu-item-3955 > a > .avia-menu-text { color: orange; }
    That changes the menu color of that single item _after_ I scroll down. I want that single menu item to be that same color (orange) before I scroll down (when the menu is still transparent).
    I don’t want the color changed for all menu items, so using Enfold theme options > Advanced Styling and edit “Main menu links” isn’t an option.

    Is there any way to modify the above CSS to also work when the header is transparent (before you have scrolled down)?

    I guess I should also request the code to also change the hover element before and after scrolling.

    Thanks!

    • This topic was modified 7 years, 3 months ago by Owen.
    August 9, 2017 at 7:08 am #836180
    John Torvik

    Hey Owen,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Best regards,
    John Torvik

    August 10, 2017 at 12:20 am #836698
    Owen

    I will be doing more with the CSS that just what I have asked here…but if I get the answer to this I should be able to do the modifications I want to do.

    Here is the info you requested:

    • This reply was modified 7 years, 3 months ago by Owen.
    August 10, 2017 at 4:04 pm #837036
    Victoria

    Hi Owen,

    Just add !important and the home item will be orange all the time

    
#menu-item-3955 > a > .avia-menu-text { color: orange !important; }

    and here is how you can change color on hover

    
 .main_menu ul:first-child > li > a:hover span.avia-menu-text {
    color: navy !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 10, 2017 at 11:09 pm #837183
    Owen

    Ah, !important, I should have known to try that :)

    It all worked perfectly, thank you.

    August 10, 2017 at 11:15 pm #837188
    Jordan Shannon

    Hi,

    Great! I’m glad you were able to get this taken care of. If you need addtional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Transparent Menu Item Color – Before and After Scrolling (Sticky Header)’ is closed to new replies.