Support » Theme: Twenty Eleven » three level menu is hiding

  • xa2

    (@xa2)


    Hi,
    I’m using twenty Eleven theme. I have a three level menu, and when I click on the third menu, both the second and third level menu they hide:

    Home
    Portfolio
    – Customers
    – – Company
    – – Workers

    Every time I click on “customers” or “workers” all the menu shrinks. This is the part of the CSS that is involved:

    What Should I add, please heeeelp!!

    #menu {
            margin-bottom: 10px;
            margin-left: 13px;
            margin-top: 3px;
            padding-bottom:10px;
            width: 175px;
        }
        #menu ul li a{
            color: #999999;
            font-family: Arial;
            font-size: 13px;
            text-decoration: none;
            font-weight: 700;
        }
        #menu ul li.current_page_item a{
            color: #00A2E4;
        }
        #menu ul li{
            border-bottom: 2px solid #DEDEDE;
            padding: 2px 0;
            line-height: 16px;
        }
        #menu ul li.current_page_parent a{
            color: #00A2E4;
        }
        #menu ul li a:hover {
            color:#00A2E4;
        }
    
        /* BOF submenus */
        #menu ul li ul {
            padding-left: 15px;
            border-top: 2px solid #DEDEDE;
            display:none;
        }
        #menu ul li ul li{
            border: none;
            line-height: 18px;
        }
        #menu ul li ul li a, #menu ul li.current_page_parent ul li a{
            font-size: 11px;
            color: #999999;
        }
         #menu ul li.current_page_item ul li a{
            color: #999999;
         }
        #menu ul li.current_page_parent ul, #menu ul li.current_page_item ul {
            display: block;
        }
        #menu ul li ul li.current_page_item a {
            color:#00A2E4;
        }
        #menu ul li ul li a:hover {
            color:#00A2E4;
        }

    Thanks in advance.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    Can you provide a link to the webpage with the problem?

    xa2

    (@xa2)

    I’m sorry, I’m not allowed to provide a link of the company here…

    Anyway, the thing is that when i hover the 2nd level menu firebug says:

    #menu ul li ul li a:hover{
    color: #00A2E4;
    }

    This is correct,

    BUT, when i hover the 3rd level menu it seems that 3rd level menu is being interpreted as the 2nd level menu, because firebug says:

    #menu ul li ul li ul li a:hover{
    color: #FF00FF;}

    is overwritting this:

    #menu ul li ul li a:hover{
    color: #00A2E4;}

    This is being a nightmare..

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    It sounds as though you need the level of support provided by CSS-specific forums http://csscreator.com/forums

    xa2

    (@xa2)

    ok, thanks…

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    The current Twenty Eleven theme does support third level functionality.
    Tested http://snag.gy/oRySl.jpg

    xa2

    (@xa2)

    ok, i guess you are not going to help me any more haha.

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    To understand your problem, we need a working example of it.
    Are you able to share the HTML and CSS for one problematic webpage?

    xa2

    (@xa2)

    Thanks, I’ll try to build something similar without any reference to the company and post it here.

    Thanks a lot!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘three level menu is hiding’ is closed to new replies.