{"id":37,"date":"2023-04-27T09:31:38","date_gmt":"2023-04-27T09:31:38","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=37"},"modified":"2024-01-08T05:28:17","modified_gmt":"2024-01-08T05:28:17","slug":"how-to-add-scroll-top-to-your-site","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-add-scroll-top-to-your-site\/","title":{"rendered":"How to Add Scroll Top to your site?"},"content":{"rendered":"\n<p>When your site has considerable depth and a user has scrolled to the bottom of your site, <strong>Scroll Top<\/strong> enhances the user experience by navigating them right at the top without the need to scroll manually.\u00a0<\/p>\n\n\n\n<p><strong>Scroll Top<\/strong> is an indispensable feature of a site. It is an arrow button that gets visible at the bottom right of your site after you have scrolled your site to some depth.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video Guidance<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"OGMA BLOG: Complete Website Customization Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FpRpOJDk-2E?start=419&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Starts from related video time<\/em><\/figcaption><\/figure>\n\n\n\n<p>In order to enable <strong>Scroll Top<\/strong>,&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>General Settings &gt;&gt; Scroll Top<\/strong>.<\/li>\n\n\n\n<li>Then, toggle<strong> Enable Scroll Top <\/strong>option <strong>on <\/strong>to activate the scroll top feature.<\/li>\n\n\n\n<li>For the free <strong>OGMA <\/strong>theme, you are equipped with three different kinds of arrow icons as shown below.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"342\" height=\"327\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/ScrollTop.png\" alt=\"\" class=\"wp-image-39\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/ScrollTop.png 342w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/ScrollTop-300x287.png 300w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><figcaption class=\"wp-element-caption\"><em><strong>Scroll Top Settings<\/strong><\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <img loading=\"lazy\" decoding=\"async\" width=\"85\" height=\"28\" class=\"wp-image-81\" style=\"width: 85px;\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/publish-button.png\" alt=\"\"> to save the changes.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When your site has considerable depth and a user has scrolled to the bottom of your site, Scroll Top enhances the user experience by navigating them right at the top without the need to scroll manually.\u00a0 Scroll Top is an indispensable feature of a site. It is an arrow button that gets visible at the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":4,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/37\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}