Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2018 at 9:13 pm #910647
    ZacApplegateDYI

    Hello,

    I am trying to customize a website and make the menu look a little more cohesive. Here is what I am trying to do, if someone hovers over a menu item, I want it to flip the background color to white (maybe with some opacity) but if that item has a sub menu I want it to keep that same look as someone moves to hover over the sub menu.

    So example:
    Someone hovers over About Us, it to flips the background color to white (maybe with some opacity)
    Someone moves down to the sub menu and that same look stays on the About Us menu item.

    Hopefully that makes sense, I want to connect main menu items to sub menus even when someone move to hover over the sub menu.

    Thanks

    February 12, 2018 at 10:29 am #910986
    Victoria

    Hey ZacApplegateDYI,

    The code below flips the colors on hover. Use it and see if you still need to do something else.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-main-nav li:hover   {
  background: #fff;
}
#top #header.header_color.av_header_transparency .av-main-nav > li:hover > a .avia-menu-text {
  color: #000;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 14, 2018 at 8:08 am #912127
    ZacApplegateDYI

    Right on, just what I was looking for.

    Thanks!

    February 14, 2018 at 8:40 am #912135
    Nikko

    Hi,

    Glad that Victoria helped you. Let us know if you need further assistance or if we can close this thread :)

    Best regards,
    Nikko

    February 14, 2018 at 4:17 pm #912327
    ZacApplegateDYI

    We can close it, tanks!

    February 14, 2018 at 5:04 pm #912363
    Nikko

    Hi,

    Glad to hear that! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hover over sub menu connect sub to main menu?’ is closed to new replies.