I'm using this theme as a one page site. When i scroll down the page, the various navigation items change color as you approach them, all except home. Is there a way that the yellow home color would go to grey once it hits another section? as it is now the home is yellow and the section is yellow.
Add this into the Custom CSS box located in your Salient Options panel :
header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator i, header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator i, header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a, body header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a, .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"], ul.sf-menu > li > a:hover > .sf-sub-indicator i, ul.sf-menu > li > a:active > .sf-sub-indicator i, ul.sf-menu > li.sfHover > a > .sf-sub-indicator i, .sf-menu ul li.current_page_item > a, .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active, .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a, .sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a {
color: #333 !important;
}
sorry i this one got left off the radar for me. I put the code up top in my css using #faa41a as my color as i want the navigation to be that orange. But it still changes to grey on hover, and when i choose a tab. since the theme is confusing the issue of this one pager by showing two tabs the same color ideally if i had only on color on hover, or select that would solve it. So how can i get all states to be that orange? Or ideally have the one pager theme nav work so when i choose products, the home tab turns back to orange and only products is grey)
I'm using this theme as a one page site. When i scroll down the page, the various navigation items change color as you approach them, all except home. Is there a way that the yellow home color would go to grey once it hits another section? as it is now the home is yellow and the section is yellow.
Hey Kim!
We dont have a custom color option though you can set it to no change by adjusting this setting , See screenshot: http://prntscr.com/5ds529 .
Thanks
ThemeNectar Support Team
i don't actually see that field in my row. is there a way not to have an over color state?
Hey Again!
You are running Theme Version 4.9 so it should be there. Not really sure what you mean by over color state, Do you not want the menus to highlight ?.
\
Thanks
ThemeNectar Support Team
yea, strange, not there at all. For the over color state, yes, correct i do not want the menus to highlight.
Hey Again!
header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current-menu-item > a, header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator i, header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator i, header#top nav ul li a:hover, header#top nav .sf-menu li.sfHover > a, header#top nav .sf-menu li.current_page_ancestor > a, header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a, body header#top nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="icon-"], header#top nav .sf-menu li.current-menu-ancestor > a, header#top nav .sf-menu li.current_page_item > a, .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="icon-"], ul.sf-menu > li > a:hover > .sf-sub-indicator i, ul.sf-menu > li > a:active > .sf-sub-indicator i, ul.sf-menu > li.sfHover > a > .sf-sub-indicator i, .sf-menu ul li.current_page_item > a, .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active, .sf-menu ul li:hover > a, .sf-menu ul li.sfHover > a, .sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a { color: #333 !important; }
ThemeNectar Support Team
sorry i this one got left off the radar for me. I put the code up top in my css using #faa41a as my color as i want the navigation to be that orange. But it still changes to grey on hover, and when i choose a tab. since the theme is confusing the issue of this one pager by showing two tabs the same color ideally if i had only on color on hover, or select that would solve it. So how can i get all states to be that orange? Or ideally have the one pager theme nav work so when i choose products, the home tab turns back to orange and only products is grey)
Hey Again!
It seems you have moved domains. Could you please provide the page url where we can see this issue.
Thanks
ThemeNectar Support Team
sorry again! yes, we went to live since the ticket opened.
http://www.yambahummus.com/ is the link now
Hey Kim! Could you kindly allow me to log in so I can check on this more for you?
i figured it out, now it's all the same color so not so obvious