Фиксированный заголовок скрывает начальный раздел контента

Question

Я создал веб-сайт на одну страницу. После прокрутки страницы верхний колонтитул фиксируется. Проблема, с которой я здесь сталкиваюсь, заключается в том, что, как только мы щелкаем по разделу "Сервис" в меню, некоторая часть страницы скрывается под меню.

Я попытался добавить отступ в раздел, он по-прежнему приводит к тому же.

URL: здесь

Извините, поскольку веб-сайт размещен, пожалуйста, проверьте код в размещенной ссылке. Это просто статичный сайт.

Answer 1

Прежде всего, я согласен с комментариями; пожалуйста, опубликуйте минимальный, полный и проверяемый пример, чтобы мы могли помочь вам лучше. Ссылка на другой сайт - это не то, как работает эта платформа.

В вашем JavaScript у вас есть следующий код:

$('.page-scroll').bind('click', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});

если вы играете с этим значением (offset().top) вы можете изменить поведение scrollTo.

Измените это на что-то вроде этого:

scrollTop: ($($anchor.attr('href')).offset().top - 77)

77 - высота в пикселях меню. Если вы хотите больше промежутков между меню и содержанием, сделайте 77 что-то вроде 90.