Center submenu with menu

Asked

Viewed 118 times

0

/*Sub-Menu*/

.menu.superior .nivel-dois, .menu.superior .nivel-dois, .menu.superior .nivel-um li:hover .nivel-dois{display: contents;po;position: unset;}

.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: auto;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: auto;}
.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
background:transparent;
}

.todas-menu-1{
background:transparent;
margin-left:-35px;
}

/*Fim do SubMenu */



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

.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 .icon-chevron-down, .menu.superior .icon-chevron-right{ display: none;}

/*  line-height: 30px; */
.menu.superior .nivel-um>li a strong{ 
    color: #f9f9f8;
    font-size: 20px;
    text-transform:unset;
    margin-top:40px;
    font-family:product-sans-regular;
    font-weight:normal;
} 

.menu.superior .nivel-um>li:hover a strong{ color: #eda302;}


/* Menu Interno */

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

IF YOU WANT TO SEE DIRECTLY ON THE SITE

https://www.lojaviral.com.br/

css html5

  • Informs the HTML as well.

  • Built-in store does not allow access to HTML, css only

  • any doubts have the site here; https://www.lojaviral.com.br/

  • Avoid caps.. ;)

  • I’ve changed, I want help in my code

  • The problem is in the last button of the submenu that is misaligned?

  • also, but he is in all

Show 2 more comments

1 answer

0

The button needs to be repositioned with !important because another rule is having more priority. In the file avancado.css change the class below concerning the button to:

.todas-menu-1{
background:transparent;
margin-left:-15px !important;
}

  • When I enter some browsers it gets all maladjusted. Mas esse parte ta certinho.

Browser other questions tagged css html5

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