Header ultrapassando Body

[DinhoPHP 1]

Estou com o seguinte problema.

Desenvolvi um site em flex box com width de 100% na Section.  O problema é que o header com 100% fixed ultrapassa a section ficando mais larga que tudo na página no modo mobile mesmo utilizando break points.

 

@media screen and (max-width: 984px){

    header{
    background-color: #1a1a1a;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 999;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space--around;
    line-height: 6;
    font-size: 0.8em;
    }

}

 

[fael97 0]

ola ja tentou acessar seu site pelo celular? estive com mesmo problema resolvi inspecionando regra por regra na css.

no chrome onde voce está visualizando aparece este bug, mas pelo celular não aparece. aconselho a tu inspecionar regra por regra na tua pagina toda. cria um backup do seu css original e vai adicionando as regras de cada vez. não é o mais aconselhavel mais funciona vai na minha  que vai dar certo, é algum elemento html que está ocorrendo este bug.

O erro pode estar no menu ou algo do tipo

.