Support » Theme: Attitude » Nested Menu Overlap Issue

  • Resolved Courtney

    (@cmahaney)


    I’m using the latest version of Attitude (1.1.7) and am experiencing an issue with overlapping menus within a nested navigation menu.

    The main navigation, submenus, and sub-submenus work fine, but the third level of submenus (the sub-sub-submenu) is a bit wonky. It appears when hovering over the parent sub-submenu (as expected), but does not go away until one hovers over a new submenu item.

    I hope this makes sense. It is much easier to demonstrate than to explain. My question of support is what can I do to prevent this from happening while still allowing a viewer to drill down that far?

    Many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sovit

    (@sovitranjitkar)

    Hi Courtney,

    It only supports upto third level. We will increase the number in our next version till then Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS
    and paste the following CSS code to fix it:

    #access ul li ul,
    #access ul li:hover ul ul,
    #access ul ul li:hover ul ul,
    #access ul ul ul li:hover ul ul,
    #access ul ul ul ul li:hover ul ul {
    	display:none;
    	z-index: 9999;
    }
    #access ul li:hover ul,
    #access ul ul li:hover ul,
    #access ul ul ul li:hover ul,
    #access ul ul ul ul li:hover ul,
    #access ul ul ul ul ul li:hover ul {
    	display:block;
    }
    #access ul li ul li {
    	border-left: 0 none;
    	border-right: 0 none;
    }

    Now, Click on Save All Changes Button and Refresh your browser.

    Thank you !

    Thread Starter Courtney

    (@cmahaney)

    Hi Sovit,

    Thanks so much for your reply. This worked like a charm! I really appreciate your assistance with this.

    All the best,
    Courtney

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Nested Menu Overlap Issue’ is closed to new replies.