Barra de Menu ocupando toda a tela na horizontal

Srs. Uma ajuda pf.

Preciso que minha barra de menu ocupe toda a tela na horizontal:
Por exemplo as setas indicando:

Loja: www.vanniksemijoias.com.br

Agradeço a ajuda.

Srs. Pf alguém poderia me ajudar?

Srs. Pf preciso de ajuda!

Olá @Vannik,

utilize este código no seu css, logo após .menu-superior {
text-align:center;
width: 117%;
height: 100%;
position: relative;
margin-left: -100px;
position:relative;
display: block;

Se ainda tiver dúvida, faça contato pelo whatsapp (38) 99115-6482.

Abraço!

Adicione este código no CSS personalizado e seja feliz :slight_smile:

#cabecalho {
background: url(http://i.imgur.com/GEOuGWT.png?1) repeat-x;
background-position: 0 bottom;
background-color: #fff;
}

#cabecalho .container {
padding: 0;
max-width: 1180px;
box-shadow: none;
}

.menu li {
padding: 0 6px;
}

.menu li>a i, .menu-responsivo i {
margin:0
}

#cabecalho > .conteiner > .menu.superior {
display: flex;
justify-content: space-between;
}

Estou com um problema um pouco diferente mais é no menu, o meu menu está muito grande na horizontal e está ficando uma parte dele na linha de baixo. Gostaria de saber como faço para mudar as letras do meu menu e ao passar o mouse ele abrir as opções de cada categoria: exemplo: Detergente ele mostrar abaixo ( Detergente Neutro Concentrado 1lt , Detergente Neutro Concentrado 5lt).

minha url é (https://www.gvisel.com.br)

Não funcionou para mim…