Sticky menu Font color

eaglecomr · October 2015

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

Albert · October 2015

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; }

eaglecomr · October 2015

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.

eaglecomr · October 2015

One problem. If we view the menu on mobile, it does not display the menu items as they are in white.

Albert · October 2015

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; }

Sticky menu Font color

Comments

This website uses cookies