• Resolved WebDezein

    (@ggbusta)


    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

Viewing 10 replies - 1 through 10 (of 10 total)
  • what theme or site?

    Thread Starter WebDezein

    (@ggbusta)

    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

    Thread Starter WebDezein

    (@ggbusta)

    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

    Thread Starter WebDezein

    (@ggbusta)

    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!

    Thread Starter WebDezein

    (@ggbusta)

    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!

    Thread Starter WebDezein

    (@ggbusta)

    Will do.

    🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Make submenu tab different color than main menu tab on hover’ is closed to new replies.