I already have the "Animated Underline" chosen in the Header Navigation settings.
We want Color change (to white) aswell as "Animated Underline".
At the same time.
If you look carefully at your Corporate live demo http://themenectar.com/demo/salient-corporate/ and hover over the header navigation you will notice that there's an underline plus color change (to white), simultaneously. This is what we want.
Hi again, if you look closely you would have noticed that is't only white on the active page. Not on mouse-hover. I want white on hover... exactly as you have in your demo, just compare the mouse hover on these two:
Not sure why but this piece of Custom css seems to be missing .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (min-width: 1000px) {
#header-outer.transparent header#top nav > ul > li > a:hover, #header-outer.transparent header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a, #header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent header#top nav ul #search-btn a:hover span, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a i, #header-outer.transparent .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart {
opacity: 1!important;
color: #ffffff!important;
}
}
Hi there, we want the exact same effect as you have on corporate demo.
How do we activate both "Animated Underline" and "Color Change"? We want both to be activated simultaneously in the Header Navigation.
our dev site: http://www.lajdemo.se/solcellsguiden
password: solcell1234
/Andrei
Hey ,
Please adjust the Options in here : http://prntscr.com/bare64 .
Best.
ThemeNectar Support Team
I already have the "Animated Underline" chosen in the Header Navigation settings.
We want Color change (to white) aswell as "Animated Underline".
At the same time.
If you look carefully at your Corporate live demo http://themenectar.com/demo/salient-corporate/
and hover over the header navigation you will notice that there's an underline plus color change (to white), simultaneously. This is what we want.
Is it possible?
Hey,
Seth the color to white in here : http://prntscr.com/bb7m83 as well.
Best.
ThemeNectar Support Team
The color is set to white. It still doesn't change to white on hover...
Hey Again,
Seems to be alright now : http://prntscr.com/bceoqp .
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ and check .
Best.
ThemeNectar Support Team
Hi again, if you look closely you would have noticed that is't only white on the active page. Not on mouse-hover. I want white on hover... exactly as you have in your demo, just compare the mouse hover on these two:
http://themenectar.com/demo/salient-corporate/
http://lajdemo.se/solcellsguiden/
Hey Again,
Not sure why but this piece of Custom css seems to be missing .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (min-width: 1000px) { #header-outer.transparent header#top nav > ul > li > a:hover, #header-outer.transparent header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a, #header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent header#top nav ul #search-btn a:hover span, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a i, #header-outer.transparent .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart { opacity: 1!important; color: #ffffff!important; } }Best.
ThemeNectar Support Team
Perfect!
Worked!
Thank you!