Menu fixed sobrescrevendo o corpo da página

Layout
1

Atualmente a estrutura do meu HTML é assim:

<div class="conteiner-principal">
    <div id="cabecalho"></div>
    <div id="corpo"></div>
</div>

No CSS do ‘cabecalho’ inclui o atributo “position:fixed” para que o menu role junto com a página ao descer, porém, ele está sobrescrevendo o corpo do HTML.

Ao remover o “position:fixed” é corrigido.

Como manter o “position:fixed” no cabecalho sem que ele sobrescreva?

2

Olá, como vai?
Provavelmente é um ajuste que precisa fazer no código sobre questão de hierarquia.
Caso não tenha resolvido ou ainda tenha dúvidas, me chame no: gianvitordias@gmail.com ou Contato | Gian Dias