Sticky Menu Change Link Color

Hi,

How can I change the link color and active link color in sticky menu so they are different from the menu link colors at the top of the page? Thanks.

Comments

  • Hi,

    you can do it using below css:
    #Top_bar .menu > li > a span:not(.description) { color: #000 !important; }
    #Top_bar .menu > li > a:hover span:not(.description) { color: #E2E2E2 !important; }
    #Top_bar.is-sticky .menu > li > a:after { background: #000 !important; }
  • Thanks for the code. 

    However, the first two line of codes also changes the colors in the menu at the top of the page. Is there a way to ONLY change the sticky menu colors? Thanks.
  • Yes, it is possible, please use below css instead:
    #Top_bar.is-sticky .menu > li > a span:not(.description) { color: #000 !important; }
    #Top_bar.is-sticky .menu > li > a:hover span:not(.description) { color: #E2E2E2 !important; }
    #Top_bar.is-sticky .menu > li > a:after { background: #000 !important; }
Sign In or Register to comment.