setting 250px offset but want to disable for mobile

There’s another script in your theme that handles page scrolling and your links. The script is:

...themes/salient/js/init.js

and the function that does this is in line 14770.

Try to see if “Page scroll to id” can remove this function automatically, by going to plugin settings and enabling “Prevent other scripts from handling plugin’s links” option.

Let me know when you do this so I can check the page again.

OK, done enabling that option.

I just checked your page and it seems that the plugin cannot remove the js events of your theme automatically.

The only way to do this is, is by manually editing the file and changing it yourself. If you can do this, edit ...themes/salient/js/init.js and replace the line:

.container-wrap a:not(.wpb_tabs_nav a):not(.magnific):not([data-fancybox]):not(.woocommerce-tabs a):not(.testimonial-next-prev a)

with:

.container-wrap a:not(.wpb_tabs_nav a):not(.magnific):not([data-fancybox]):not(.woocommerce-tabs a):not(.testimonial-next-prev a):not(._mPS2id-h)

Copy-paste the code and replace the exact text. Save the file and let me know.

You need to do this because your theme’s script prevents “Page scroll to id” from handling the page scrolling.

Already replace it.

OK, it’s working now.

In order to do exactly what you need in the best way possible, do this:

1)Go to “Page scroll to id” settings and change the “Offset” option value from 250 to:

#ps2id-dummy-offset:width(>999)

Save changes.

2)Open your theme/child theme footer.php template and add the following HTML right before the closing body tag (</body>):

<div style="overflow:hidden;height:0;visibility:hidden;z-index:-1;">
  <div id="ps2id-dummy-offset" style="width:100%;height:250px;visibility:hidden;"></div>
</div>

Save it and test your page.

You can change the #ps2id-dummy-offset height from 250px to the offset value you want to apply (on desktop). For example, if you want the offset to be an actual percentage of page/viewport height, you could change the HTML to:

<div style="overflow:hidden;height:0;visibility:hidden;z-index:-1;">
  <div id="ps2id-dummy-offset" style="width:100%;height:33vh;visibility:hidden;"></div>
</div>

Let me know if it works or if you need more help.

Nice.. It works tq!