The SUB MENU disappeared CSS

0

The submenu is hidden in the menu; I need this help, here is the menu code and submenu.

.menu.superior{
        background-repeat:no-repeat;
    height:225px;
    margin-left:-185px;
    margin-right:-184px;
    display:block;
    background-color:rgba(0,0,0,0);
    }
    
    /* Adicionando Icones por Menu */
     #cabecalho{
    background:url("https://cdn.awsli.com.br/119/119688/arquivos/Sem Titulo-1.jpg");
    background-position:top center;
    background-repeat:repeat-x;
    background-position-y:490px;
    /*height:1013px;*/
    }
    
    .pagina-inicial #cabecalho .menu .nivel-um{ display:inline-block;  padding-left:5px; }
    .pagina-inicial #cabecalho .menu .engloba-topo:hover .nivel-um{display:inline-block;}
    .menu.superior > ul{ text-align: center; }
    
    
    /* Fim do Menu Interno */
    
    /*ESCONDENDO UNS ERROS */
    
    
    /* Menu do Template */
    .menu.superior .nivel-um>li{ 
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .menu.superior .nivel-um>li{ 
        border: 0 none;
        float: center;
        margin-left:5px;
        padding: 15px;
        text-align: center;
        display:block; 
        background-color:#000;
        opacity:0.7;
        height:73px;
        width:127px;
        margin-top:8px;
    }
    .menu.superior .nivel-um>li:hover{ margin-top: 0;}
    
    
    .menu.superior .nivel-dois, .menu.superior .nivel-dois, .menu.superior .nivel-um li:hover .nivel-dois{ display: contents; position:absolute; }
    
    .pagina-login .menu.superior, .pagina-busca .menu.superior, .pagina-carrinho .menu.superior{ display: relative; }
    
    .menu li.com-filho{
    	position:inherit;
    }
    .menu.superior .nivel-dois{
    display:none;
        position:absolute;
        top:103px;
        text-align:center;
        left:auto;
        margin-left:-35px;
            min-width:auto;
        width:140px;
        /*background:#fff;*/
    
    }
    .menu.superior .nivel-dois a{
    font-weight:bold;
        color:#564119;
        margin-top:3px;
        background:#fff;
        width:157px;
    }
    .menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
    background:transparent;
    }

I need help.

Link: link

    
asked by anonymous 23.03.2018 / 01:58

1 answer

0

Your problem is that li in ul with class .nivel-um of menu is with overflow: hidden; in file avancado.css :

.menu.superior .nivel-um>li{ 
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

This makes the element hide everything that goes beyond its limits. To solve the problem, delete the overflow: hidden; , thus:

.menu.superior .nivel-um>li{ 
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    
23.03.2018 / 03:46