This is my second time using this theme on a project and so much has evolved since last time I used it - impressive work!
I've found a few different public tickets in which you discuss how to lower the navigation menu in the header while maintaining proper positioning of the drop down menu. I've come close a number of times with getting this right, but still can't get the numbers exact. I think I read in one post or another that you said these numbers are calculated based on some javascript.
Please see the attached image to see what I'm going for.
Also hoping you can point me in the right direction for changing the color of the flyout menu background color.
Hey , Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top .sf-menu li ul li a:hover, body header#top nav .sf-menu ul li.sfHover > a {
background-color: #ff0 !important;
}
.transparent ul.sub-menu {
margin-top: -40px !important;
}
That should work for the position of the dropdown menu.
As for the flyout background color though - I was hoping to have it be a different color than the drop down as per the first attachment I sent.
The code you provided below didn't change the flyout background color...it changed the hover color - which wasn't what I needed. Hoping to have the drop down be the orange color and the flyout menu be green. Is that possible?
Hello,
This is my second time using this theme on a project and so much has evolved since last time I used it - impressive work!
I've found a few different public tickets in which you discuss how to lower the navigation menu in the header while maintaining proper positioning of the drop down menu. I've come close a number of times with getting this right, but still can't get the numbers exact. I think I read in one post or another that you said these numbers are calculated based on some javascript.
Please see the attached image to see what I'm going for.
Also hoping you can point me in the right direction for changing the color of the flyout menu background color.
Let me know if you need login credentials.
Thanks for your help,
Scott
Hey ,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top .sf-menu li ul li a:hover, body header#top nav .sf-menu ul li.sfHover > a { background-color: #ff0 !important; } .transparent ul.sub-menu { margin-top: -40px !important; }Bes.t
ThemeNectar Support Team
Thanks Tahir,
That should work for the position of the dropdown menu.
As for the flyout background color though - I was hoping to have it be a different color than the drop down as per the first attachment I sent.
The code you provided below didn't change the flyout background color...it changed the hover color - which wasn't what I needed. Hoping to have the drop down be the orange color and the flyout menu be green. Is that possible?
Thanks again for your time and assistance,
Scott
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
header#top .sf-menu li ul li ul li a { background-color: #6cbd45 !important; }Best
ThemeNectar Support Team
Thanks Tahir!