Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 4, 2020 at 7:55 pm #1258422
    bewelltended

    Hello! I’m working on some modifications to a menu, and I’m wondering if you can direct me in targeting the container of the nav menu item and not just the menu link. I’m seeing color outside the menu link area and flickering when hovering – I’m thinking adding a hover action to this area could be a fix, but I can’t figure out how to target it. Can you help? Development site link in private content below.

    Thank you SO much!

    November 4, 2020 at 8:30 pm #1258428
    bewelltended

    I have also filmed a short video about what I am trying to do with the menu and the issues I’m seeing (flickering and extra color outside of what I tried to target). Video link in private content.

    November 9, 2020 at 2:45 am #1259153
    Mike

    Hi,
    Sorry for the late reply and thanks for the link and video.
    I was able to correct this with this css, since this tries to override some other css please try this code in the WordPress > Customize > Additional CSS field, as it has the highest priority.

    #avia-menu {
    margin-top: 28px !important;
}
#top #header_main>.container .main_menu .av-main-nav>li>a {
	height: unset !important;
	line-height: unset !important;
}
#top .main_menu ul.menu li a:hover {
	margin-top: unset !important;
}
#header_main #avia-menu > li > a > .avia-menu-text:hover {
	background-color: unset !important;
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    November 25, 2020 at 2:35 am #1262879
    bewelltended

    Hi Mike-

    I am just now seeing your reply.

    The CSS you provided worked PERFECTLY.

    Thank you so much! I am very grateful!

    Warmly,
    Nikole

    November 25, 2020 at 6:03 am #1262902
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to Target Menu Item Container, Not Just Link’ is closed to new replies.