Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 14, 2022 at 7:50 pm #1355246
    THP Studio

    Hi guys,

    Can’t seem to work out what is causing a strange visual effect when hovering over a child section of a mega menu item. The child part works fine but the parent gets a color background and we can’t seem to target it properly with css, is something happening in js?

    Thanks

    Tim

    June 16, 2022 at 3:43 am #1355414
    Nikko

    Hi Tim,

    Can you try to add this CSS code ad the bottom of Quick CSS (located in Enfold > General Styling > Quick CSS):

    #top #wrap_all .av-main-nav ul>li:hover>a {
    background-color: transparent;
    color: #46485f;
}

    Hope it helps.

    Best regards,
    Nikko

    June 16, 2022 at 4:04 pm #1355511
    THP Studio

    Hi Nikko,

    It didn’t quite work, but adding the !important tag to it did.

    Thanks for pointing us in the right direction.

    Regards

    Tim

    June 17, 2022 at 1:43 pm #1355605
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Odd Mega Menu Hover’ is closed to new replies.