Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 14, 2020 at 7:07 pm #1230390
    rge-solutions

    Hello,

    I am having issues for some reason changing the font color of the main menu at the top of a page. When I scroll down it the sticky header creates the color scheme I would like to have when you are at the top of a page too. I am hoping to have the Main Menu items blue and the active page and hover color gold. Can you please tell me how I can change the color of the Menu items at the top of the page to blue and keep the active tab and hover color as gold.

    Thanks,

    Mikenna

    July 14, 2020 at 7:47 pm #1230406
    Jordan Shannon

    Hey rge-solutions,

    So you want to change the color on scroll?

    Best regards,
    Jordan Shannon

    July 14, 2020 at 8:05 pm #1230418
    rge-solutions

    Hello Jordan,

    No i want to change the color when you first land on a page. I like to color when it is on scroll and shifts to the sticky header.

    Thanks,

    Mikenna

    July 15, 2020 at 12:59 am #1230468
    Jordan Shannon

    Hi,

    Add this to quick css:

    #avia-menu li a span{
    color:rgb(12, 35, 64)!important;
}

    Best regards,
    Jordan Shannon

    July 15, 2020 at 4:54 pm #1230658
    rge-solutions

    HI Jordan,

    That work for changing the top to be the blue color, however it overrides the active state and hover color being gold. Is the additional css I would add to have an active state color for gold and a hover color for gold as well.

    Thanks,

    July 16, 2020 at 5:30 am #1230803
    Jordan Shannon

    Hi,

    Add this to quick css:

    #avia-menu li a span:hover{
    color:#d3a344!important;
}

    Best regards,
    Jordan Shannon

    July 16, 2020 at 4:03 pm #1230960
    rge-solutions

    Hi Jordan,

    Thank you. The last thing would be what is the css for the active state menu item to be gold as well?

    Thanks,

    July 16, 2020 at 4:13 pm #1230962
    Jordan Shannon

    Hi,

    Add this to quick css:

    #avia-menu li.current-menu-item a span{
    color:#d3a344!important;
}

    Best regards,
    Jordan Shannon

    July 16, 2020 at 4:23 pm #1230970
    rge-solutions

    Thank you!

    July 16, 2020 at 4:34 pm #1230971
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Main Menu Font Color at Top of Page’ is closed to new replies.