WordPress.org

Forums

Twenty Eleven
three level menu is hiding (9 posts)

  1. xa2
    Member
    Posted 2 years ago #

    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.

  2. Andrew
    Nuh uh moderator
    Posted 2 years ago #

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

  3. xa2
    Member
    Posted 2 years ago #

    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..

  4. Andrew
    Nuh uh moderator
    Posted 2 years ago #

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

  5. xa2
    Member
    Posted 2 years ago #

    ok, thanks...

  6. Andrew
    Nuh uh moderator
    Posted 2 years ago #

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

  7. xa2
    Member
    Posted 2 years ago #

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

  8. Andrew
    Nuh uh moderator
    Posted 2 years ago #

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

  9. xa2
    Member
    Posted 2 years ago #

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

    Thanks a lot!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic