Make submenu tab different color than main menu tab on hover
-
How can I make the tab on a submenu a different color than the main menu tab when I hover on the main menu tab?
Can anyone help?
Thanks,
Jerry
-
what theme or site?
Thanks for your reply.
Responsive but the concept is the same unless Responsive is trying to override but even then I cannot figure out what it is overriding.
Jerry
ps. I love Maine.
🙂
i love maine too but holy crap i’m ready to stop shoveling!
if you send me a link to your site i’ll try and get you sample css
LOL! Feel like I should apologize. I’m here in Wisconsin and we have had very little snow which is weird. Oh-well.
Can I send the link to your e-mail address? Business reason.
Thanks,
Jerry
sorry no it’s against forum policy to move this into a private discussion
it’s this theme though, right? maybe i can do it off the live preview…
try putting in some css like:
.menu li li a:hover { background-color: #22244; }
and if when using your inspector that is getting overriden, try adding !important to see if it’s working on the right elements
also very important, it is considered best practice to use a child theme so you dont lose your changes when you update to a new theme. if you dont want to use a child theme, you could also use a custom css plugin
Thanks again.
Did not know about the email policy. Thanks for making me aware of it. Will be sure to follow it for now on.
Tried the CSS with and without !important without success. Looking at the CSS it targets the background color of a submenu tab when the submenu tab is hovered over.
I am trying to color the submenu tab a different color than the Home tab when the Home tab is hovered over.
If I click on a submenu tab under a different main menu tab then hover over the Home tab, then the Home tab submenu tabs color properly.
I am using a Responsive Pro child theme.
Thanks again.
Jerry
this thread goes into some good details on this stuff
it could also be done with some jquery but without having access to the live theme i can’t really look at what the syntax would be
someone with a similar task here
it’ll be a “>” control you’ll likely use to affect the direct children
sorry i can’t do more for you here!
Thanks for all of your help. Taking time out of your day to help with with this is greatly appreciated.
Take Care and be careful shoveling.
🙂
Jerry
My pleasure! When you find the CSS you needed can you please post it back here?
Stay warm!
Will do.
🙂
- The topic ‘Make submenu tab different color than main menu tab on hover’ is closed to new replies.