WordPress.org

Ready to get started?Download WordPress

Forums

Attitude
[resolved] Nested Menu Overlap Issue (3 posts)

  1. Courtney
    Member
    Posted 1 year ago #

    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!

  2. Sovit
    Member
    Posted 1 year ago #

    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 !

  3. Courtney
    Member
    Posted 1 year ago #

    Hi Sovit,

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

    All the best,
    Courtney

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic