O menu levou à seção, mas escondeu o começo do texto?

Confira onde a rolagem termina

Comece abrindo o menu e seguindo os links da própria página. Observe se o começo da seção fica visível quando a rolagem para, inclusive quando o cabeçalho muda de altura no celular.

Um menu com duas linhas pode ocupar mais espaço que a versão de computador. Por isso, copiar uma distância fixa sem medir os dois estados pode corrigir uma tela e deixar outra encoberta.

Há ajustes próprios para esse espaço

O CSS oferece scroll-padding-top para reservar uma área no topo da região de rolagem. A documentação cita o uso para compensar barras fixas que encobrem a visualização.

Outra propriedade, scroll-margin-top, acrescenta uma margem à área usada no alinhamento do elemento de destino. Quem desenvolve o site deve escolher onde aplicar a folga e conferir o comportamento no navegador.

Referências: [1] [2]

Peça uma conferência do percurso completo

O ajuste merece ser testado com os caminhos que o visitante usa:

• Toque nos links do menu no celular e no computador.
• Abra diretamente o endereço que termina no identificador da seção, depois do símbolo #.
• Confira o título e a primeira linha quando a rolagem termina.
• Aumente o texto e observe se o cabeçalho passa a ocupar mais linhas.
• Use o teclado para verificar se o item selecionado e o conteúdo continuam acessíveis.

Minha recomendação: corrija a chegada, depois avalie o efeito

Eu priorizaria deixar o assunto visível no ponto em que o leitor chega. Uma animação de rolagem agradável não resolve o título escondido.

Peça uma comparação antes e depois nas larguras reais do site. Registre qual menu foi usado, qual seção foi aberta e quanto espaço o cabeçalho ocupava. Isso dá a quem faz a manutenção uma falha reproduzível para corrigir.