Sticky menu Font color

I have uploaded the demo at http://gotoindia.com/Sticky/
When we scroll down, sticky menu appears. Has white semi Transparent background and hence the font colr which is white is not visible. How to change the color of sticky menu font to black. Regards, Ravi

Comments

  • Hi,

    to change menu items color on sticky, please use below css:
    #Top_bar.is-sticky .menu > li > a span:hover { color: #000 !important; }
    #Top_bar.is-sticky .menu > li.current-menu-item > a span { color: #000 !important; }
    #Top_bar.is-sticky .menu > li > a span { color: #000; }
  • Thank you so much. Worked great. Also is it possible to have the sticky menu in centre rather than left. Also how to increase the height of same. Thanks in advance.
  • One problem. If we view the menu on mobile, it does not display the menu items as they are in white.
  • Sorry but it is unfortunately not possible to have sticky menu centered. But to increase sticky top bar header and set background color for menu, please use below css:
    #Top_bar.is-sticky { height: 100px !important; }
    #Top_bar #menu > ul { background: #000 !important; }
Sign In or Register to comment.