{"id":621,"date":"2024-02-26T10:31:41","date_gmt":"2024-02-26T10:31:41","guid":{"rendered":"https:\/\/helpcenter.greyd.io\/2023\/08\/04\/anchor-links\/"},"modified":"2024-12-26T18:28:04","modified_gmt":"2024-12-26T17:28:04","slug":"anchor-links","status":"publish","type":"post","link":"https:\/\/helpcenter.greyd.io\/anchor-links\/","title":{"rendered":"Why do anchor links not jump exactly to the right position?"},"content":{"rendered":"<p>If you use anchor links to navigate your site, you may find that the page sometimes scrolls too far or not far enough. This is a common problem in WordPress.<\/p>\n<p>But GREYD.SUITE offers a solution: You can set anchors with our block &quot;anchor target&quot; and define the offset individually and even set different values for different screen sizes.<\/p>\n<figure style=\"width: 34.3206%;max-width: 100%\" class=\"\">\n        <img decoding=\"async\" alt=\"Block Settings Anchor Target\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/6459f6b851152c21f504191d\/file-dJcdxmdFaE.png\" \/><figcaption>Block Settings Anchor Target<\/figcaption><\/figure>\n<figure style=\"width: 737px;max-width: 100%\" class=\"\">\n        <img decoding=\"async\" alt=\"Block Editor view with the block Anchor target\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/633fe4617d798e2cbfa12154\/images\/6459f6c61140db1f380b7bd5\/file-dG0ZvRoo0x.png\" \/><figcaption>Block Editor view with the block Anchor target<\/figcaption><\/figure>\n<p>In general, please note that anchors are case-sensitive, which means that you have to use the exact spelling (e.g. &quot;Greyd&quot; vs. &quot;greyd&quot;).<\/p>\n<p><\/p>\n<p>When using anchors in your header on a website with several pages, please also make sure to include the full link to the page where your anchor is placed (e.g. for an anchor on your about page: www.my-wesite.com\/<b>about<\/b>\/#team&quot; instead of &quot;www.my-website.com\/#team&quot;).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you use anchor links to navigate your site, you may find that the page sometimes scrolls too far or not far enough. This is a common problem in WordPress. But GREYD.SUITE offers a solution: You can set anchors with our block &quot;anchor target&quot; and define the offset individually and even set different values for [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"greyd_block_editor_preview":[],"footnotes":""},"categories":[1],"tags":[29,28,30,31],"topics":[578,582],"class_list":["post-621","post","type-post","status-publish","format-standard","hentry","category-general","tag-anchor","tag-anker","tag-links","tag-navigation","topics-design","topics-greyd-blocks"],"lang":"en","translations":{"en":621,"de":2708},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":1,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"predecessor-version":[{"id":4748,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/posts\/621\/revisions\/4748"}],"wp:attachment":[{"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/tags?post=621"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/helpcenter.greyd.io\/wp-json\/wp\/v2\/topics?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}