SUB-MENU is MISSING CSS

Asked

Viewed 53 times

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: https://www.lojaviral.com.br/

inserir a descrição da imagem aqui

css

  • There are online CSS validators (W3 for example) as well as linters for the best-known Ide’s. They should quickly give you an idea of the CSS errors your code has, assuming they are misspellings. If you’re trying to do some style or positioning in CSS and you can’t edit your question and make your doubts clear.

1 answer

0


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

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

This causes the element to hide everything that exceeds its limits. To solve the problem, delete the overflow: hidden;, being like this:

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

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.