положение якорной ссылки - Wordpress

Question

У меня есть якорь на this сайт в боковой панели. Когда я нажимаю на ссылку, она переходит на нужную страницу, и якорь также работает, но мое меню находится на вершине якоря, поэтому вы не можете видеть заголовок. Как я могу исправить это, чтобы пользователь мог увидеть заголовок?

<h3><a href="/Structuur-te-huur">Structuur te huur</a></h3> 
<ul> 
    <li><a href="/Structuur-te-huur/#structuur-te-huur">Structuur te huur</a></li> 
    <li><a href="/Structuur-te-huur/#procesbegeleiding">Procesbegeleiding</a></li> 
    <li><a href="/Structuur-te-huur/#projectmanagement">Projectmanagement</a></li> 
    <li><a href="/Structuur-te-huur/#training">Training</a></li> 
</ul> 

CSS

#secondary .widget ul, #footer-widgets .widget ul{ 
    list-style-type: '- '; 
    color: #fff; 
    padding: 20px; 
    margin: 0; 
} 
#secondary .widget ul li a { 
    color: #fff; 
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300; 
    letter-spacing: 1.3px; 
} 
#secondary .widget h3{ 
    padding: 20px; 
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 800; 
} 
/* widget paars*/ 
#secondary .widget:nth-child(2), 
#secondary .widget:nth-child(7){ 
    background: #B167B3; 
} 
#secondary .widget:nth-child(2) h3, 
#secondary .widget:nth-child(7) h3{ 
    background: #A263A4; 
} 
/* Oranje*/ 
#secondary .widget:nth-child(3){ 
    background: #FF9D29; 
} 
#secondary .widget:nth-child(3) h3{ 
    background: #FA9624; 
} 
/* Groen */ 
#secondary .widget:nth-child(4){ 
    background: #54D7C1; 
} 
#secondary .widget:nth-child(4) h3{ 
    background: #14C4A8; 
} 
/* Blauw */ 
#secondary .widget:nth-child(5){ 
    background: #63B9FC; 
} 
#secondary .widget:nth-child(5) h3{ 
    background: #36A6F6; 
} 
/* Rood */ 
#secondary .widget:nth-child(6){ 
    background: #F0524E; 
} 
#secondary .widget:nth-child(6) h3{ 
    background: #ED413A; 
} 

Answer 1

Либо добавить верхний отступ в верхней части, где вы перейти, так что ваше меню не покрывает его, или использовать JavaScript, как в этом вопросе ... Make anchor link go some pixels above where it's linked to

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