{"id":61,"date":"2023-01-20T06:29:33","date_gmt":"2023-01-20T06:29:33","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/color-magazine\/?p=61"},"modified":"2023-01-20T06:59:02","modified_gmt":"2023-01-20T06:59:02","slug":"add-scroll-to-top-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/color-magazine\/add-scroll-to-top-in-your-site","title":{"rendered":"How to add Scroll to Top in your Site?"},"content":{"rendered":"\n<p>Scroll to top button&nbsp;allows users to scroll back to the top of the page by clicking on button. This button is displayed only when visitors scrolls. To configure the scroll to top option, follow the method given below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Dashboard &gt;&gt; Appearance &gt;&gt; Customize &gt;&gt; General Settings&gt;&gt; <strong>Scroll to Top.<\/strong><\/li>\n\n\n\n<li>There\u2019s an option to enable\/disable the <strong>Scroll to Top<\/strong> button. When you enable the Scroll to top option, you&#8217;ll see additional settings for it.<\/li>\n\n\n\n<li>Once you&#8217;ve enabled Scroll to top, enter the <strong>scroll to top label<\/strong> in the given field.<\/li>\n\n\n\n<li>You can choose the preffered <strong>Scroll to top styles <\/strong>from the available options.<\/li>\n\n\n\n<li>Again choose the suitable <strong>scroll to top Icon <\/strong>from the available lists.<\/li>\n\n\n\n<li>Choose the <strong>Scroll to Top alignment<\/strong> as left, center or right of your screen.<\/li>\n\n\n\n<li>Next, you\u2019ll find option to display <strong>Scroll to Top<\/strong> <strong>Label<\/strong> button according to devices such as desktop, tablet and mobile.<\/li>\n\n\n\n<li>Finally, click on <strong>the Save &amp; Publish<\/strong> button to implement the changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Scroll to top button&nbsp;allows users to scroll back to the top of the page by clicking on button. This button is displayed only when visitors scrolls. To configure the scroll to top option, follow the method given below:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-scroll-to-top"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/posts\/61\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/color-magazine\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}