{"id":1623,"date":"2023-07-07T10:45:32","date_gmt":"2023-07-07T10:45:32","guid":{"rendered":"https:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=1623"},"modified":"2023-07-07T11:05:37","modified_gmt":"2023-07-07T11:05:37","slug":"how-to-force-disable-browser-default-pull-to-refresh","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-force-disable-browser-default-pull-to-refresh\/","title":{"rendered":"How to Force Disable Browser Default Pull to refresh"},"content":{"rendered":"\n<p>We have added a feature called Force Disable Browser Default Pull to Refresh that helps you to disable the browser&#8217;s Default Pull To Refresh and in this tutorial, we will let you know how you can use this feature on your website.<\/p>\n\n\n\n<p><strong>Step 1:<\/strong>&nbsp;First Install the&nbsp;<strong><a href=\"https:\/\/wordpress.org\/plugins\/pwa-for-wp\/\">PWA for WP &amp; AMP<\/a>&nbsp;<\/strong> and the <a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-use-qr-code-for-pwa\/\"><strong>PWA PRO<\/strong>&nbsp;<\/a>plugin.<\/p>\n\n\n\n<p><strong>Step 2:\u00a0<\/strong>After Installing the plugin click on the\u00a0<strong>WordPress Dashboard<\/strong>\u00a0-> Navigate to\u00a0<strong>PWA<\/strong>\u00a0option ->Once you click on\u00a0<strong>Settings\u00a0<\/strong>links it will redirect to the\u00a0<strong>Features\u00a0<\/strong>option here enable the \u201c<strong>Pull To Refresh<\/strong>\u201d and click on the <strong>Gear-like<\/strong> option to access its settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-1024x476.jpg\" alt=\"\" class=\"wp-image-1636\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-1024x476.jpg 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-300x139.jpg 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-768x357.jpg 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-50x23.jpg 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-1536x714.jpg 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-60x28.jpg 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1-100x46.jpg 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-10-45-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>: Now here you will find the option <strong>Force Disable Browser Default Pull to refresh<\/strong>, to enable the option you have to click on the check box as you can see through the screenshot below and that&#8217;s it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-1024x476.jpg\" alt=\"\" class=\"wp-image-1638\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-1024x476.jpg 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-300x139.jpg 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-768x357.jpg 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-50x23.jpg 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-1536x714.jpg 1536w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-60x28.jpg 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1-100x46.jpg 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Progressive-Web-Apps-For-WP-\u2039-Magazine3-\u2014-WordPress-2023-07-07-16-13-23-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note: Please do not enable this feature by default. This will break the normal flow of browsing, only use it when you really need it. It will disable the browser&#8217;s default pull to refresh so use it at your own risk.<\/strong><\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope we\u2019ve cleared your doubts, in case If you have any feedback or questions, Just contact us&nbsp;<strong><a href=\"https:\/\/pwa-for-wp.com\/contact-us\/\">here<\/a>&nbsp;<\/strong>and&nbsp;we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We have added a feature called Force Disable Browser Default Pull to Refresh that helps you to disable the browser&#8217;s Default Pull To Refresh and in this tutorial, we will let you know how you can use this feature on your website. Step 1:&nbsp;First Install the&nbsp;PWA for WP &amp; AMP&nbsp;&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-1623","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=1623"}],"version-history":[{"count":5,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1623\/revisions"}],"predecessor-version":[{"id":1639,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1623\/revisions\/1639"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1623"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1623"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}