Sub-menu decentralized - according to browser, I do not know where I'm going wrong

2

/*Sub-Menu*/

.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;
    margin-left:-35px;
    
      -webkit-box-shadow: 0px 0px 5px;
      -moz-box-shadow: 0px 0px 5px ;
       -ms-box-shadow: 0px 0px 5px ;
        -o-box-shadow: 0px 0px 5px ;
           box-shadow: 0px 0px 5px ;
}
.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
background:transparent;
}
.todas-menu-1{
background:transparent;
margin-left:-15px !important;
}

/*Fim do SubMenu */
    
asked by anonymous 29.03.2018 / 14:49

1 answer

0

Friend your error is this margin unnecessary!

See the image that removing it is all aligned!

Then in class .menu.superior .nivel-dois remove margin-left: -35px

    
29.03.2018 / 15:29