Как при переходе на главную страницу скроллить к секции

Есть две страницы - главная и contacts. В меню есть ещё один раздел - solutions (это секция, которая находится на главной странице). Находясь на странице contacts, я перехожу на solutions, мне открывает главную страницу и скроллит к этой секции. Проблема в том, что эта секция залезает под меню, и я хочу, чтобы окно чуть выше было при появлении. Как это можно сделать?

Ссылка на главной при переходе получается mainsite/#solutions.

Пробовал таким способом, но не срабатывает, буду признателен за помощь

js:
function initScroll() {
        var url = window.location.href;
        if (url == "#solutions") {
            var target = $("#solutions");
            $('html, body').animate({
                    scrollTop: target.offset().top - 50
                }, 1000);
                return false;
        }
    }
    initScroll();