Fixed Header Highlight

questcequetufais · February 2016

http://h2-hahn.de/

Currently I have selected "Fixed Header" and Style "Highlighted"

Is it possible to make the highlight-effect like on this Website? http://www.a365.at/
Also I have not yet been able to change the text color, when a link in the menu is selected, for this style. It worked fine when I used the "Plain" Style.

I hope you can help me
Thank you in advance

Albert · February 2016

Hi,

to get the same hover effect, you need to use the following css:

#Top_bar .menu > li:hover a { color: #000 !important; }
#Top_bar .menu > li:hover { background: #FFF !important; }
#Top_bar .menu > li > a:hover { background: none !important; }
.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a, .menu-highlight #Top_bar #menu > ul > li.current_page_item > a, .menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a, .menu-highlight #Top_bar #menu > ul > li.current-page-parent > a, .menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a, .menu-highlight #Top_bar #menu > ul > li.hover > a { background: none !important; }
#Top_bar .menu > li.current-menu-item { background: #FFF !important; }
#Top_bar .menu > li.current-menu-item a { color: #000 !important; }

questcequetufais · February 2016

Works perfectly!

You guys are great, thanks

Albert · February 2016

You are welcome!

Fixed Header Highlight

Comments