Hey there vsc247,
How are you doing today?
I’ve checked your site and I can’t see hover effect on your navigation. You should be able to add one if you want by adding the following CSS in Appearance -> Onetone Options -> General Options -> Custom CSS:
.home-navigation > ul > li > a > span:hover {
color: #000;
}
Replace color hex value to display another color. You can use sites similar to this one to get hex value for the color of your choice: http://www.color-hex.com/
Hope this helps 🙂
Cheers,
Bojan
Thread Starter
vsc247
(@vsc247)
Thanks Bojan but I do have a question. I’ve been looking at the site in Firefox, Chrome, IE and Safari on multiple computers and I am seeing a hover effect even on computers not within my home. What browser are you using? Could it be that this is hardcoded in some way? The only thing that I’m currently seeing in the Custom CSS area is this:
body{margin:0px;}
Thread Starter
vsc247
(@vsc247)
Also, to be more clear, once I click a link on my test site, the link turns a different color. On my live site when I click on a link, the link on the left is shown in a different color in the main nav, not the link that I’ve clicked on. I hope this helps more and sorry for the incorrect evaluation.
Hey again vsc247,
I was checking your site in Chrome and I still can’t see any hover or current color there. However, once I switched to FF I was able to see this.
I’m not sure why this is happening since current and hover class is being added by JS when you scroll down to area that is linked in the menu, the problem can be with the JS itself or with that big header you’re having.
What you can do is simply remove that color by adding the following CSS:
.top-nav .onetone-menuitem.current a span {
color: #ddd;
}
This should remove current color from menu items.
Hope this helps 🙂
Cheers,
Bojan
Thread Starter
vsc247
(@vsc247)
Ok that works, thanks! Now if I choose to add the hover effect I would just place the code referenced above to look like this with the color of my choice correct?
.top-nav .onetone-menuitem.current a span {
color: #ddd;
} .home-navigation > ul > li > a > span:hover {
color: #000;
}
I’m new at this and it’s a work in progress.
Thanks
Hey again vsc247,
Glad to hear the code is working 🙂
As for hover, yes I’m pretty sure that would work. Please keep it added if it doesn’t so I can take a look.
Best regards,
Bojan
Thread Starter
vsc247
(@vsc247)
So this is what I tried but it does not appear to be working:
.top-nav .onetone-menuitem.current a span {
color: #ddd;
} .home-navigation > ul > li > a > span:hover {
color: #e09a3b;
}
I did this on my local test site.
vsc
Thread Starter
vsc247
(@vsc247)
Also, I’ve tried it on the live site as well.
Hey again,
Try replacing the above code for hover with this one:
.home-navigation ul .onetone-menuitem.hover a span {
color: #e09a3b;
}
This should do the trick 🙂
Cheers,
Bojan
Thread Starter
vsc247
(@vsc247)
Success! Thank you very much for all of your assistance with this. This is the final code solution
.top-nav .onetone-menuitem.current a span {
color: #ddd;
} .home-navigation ul .onetone-menuitem.hover a span {
color: #e09a3b;
}
