Page scroll to id for WordPress
Knowledge Base – FAQ
-
No, the plugin works strictly on document's root element (html/body) in order to function properly with element highlighting, deep-linking etc.
-
A quick way is to enable Keep the current element highlighted until the next one comes into view option
Alternatively, you could use the wrapper target shortcode to create your id targets and have full control over the scrolling distance your link(s) stay highlighted.
-
Make sure your target element is at the top by checking its position via browser's developer tools (in most browser's, you can right-click the element and select "Inspect" to view it within the HTML code).
If your link's URL is#top
and no such target id exist in your page, the plugin will scroll the page automatically to the very top (determined by the position of thebody
tag in the HTML). -
The page should scroll to the top (i.e. starting) position of the target, so firstly make sure that your target(s) position is indeed correct (or what you want it to be). Note that the top position of elements does not include CSS margins, so check if you need to adjust any of your target's CSS properties.
In general, you can adjust/tweak the scroll-to position by changing your target(s) position or by using plugin's "Offset" option.
For example, if your page has a top sticky/fixed-positioned menu, you should set an offset value in order to avoid the menu covering your content when the page is scrolled. -
Add the full address as your links URL/href value instead of just the hash with the id. For example, instead of
#my-id
, usehttp://my-site.com/page/#my-id
or/page/#my-id
etc. in the link's URL. -
The plugin has the options to scroll from/to different pages enabled by default (if not, enable it), so you only need create links with the full address in their URL (e.g.
http://my-site.com/page/#my-id
). -
You should use plugin's "Offset" option and set how much you want to offset page scroll (see option for more info).
-
Yes, via Disable plugin below option. You can set a
width
orwidth,height
value (indicating pixels) below which the plugin will be disabled (see option for more info). -
It does. You can take a look at the jQuery/non-wordpress version of the plugin for available options, methods etc. The plugin script offers things like changing options on-the-fly, triggering scroll events programmatically, running callback functions at the beginning and end of each scroll etc., so contact me if you need help 🙂
-
Yes, set different vertical and horizontal offsets by adding comma separated values in plugin's "Offset" option field.
For instance, inserting100,50
will offset vertical scrolling by 100 pixels and horizontal scrolling by 50 pixels). -
Yes. If you're using plugin's "Insert/edit Page scroll to id link" button in WordPress visual editor, you can set a link-specific offset value in the "Offset" field of the "Page scroll to id" modal.
If you're using plugin's shortcode, you can use the offset attribute like so:
[ps2id url='#some-id' offset='100']link text[/ps2id]
If you create your links manually in HTML, you can use the
data-ps2id-offset
attribute like so:<a href="#some-id" rel="m_PageScroll2id" data-ps2id-offset="100">link text</a>
For WordPress menu items, you can use the class
ps2id-offset-NUMBER
in the menu item Classes field, replacingNUMBER
with the offset you want for that specific menu link. For example, for 80px offset, add the classps2id-offset-80
(feature added in plugin's version 1.7.4). -
Firstly, you need to determine if highlighting comes from "Page scroll to id" or by your WordPress theme. If you didn't use any of the plugin's highlight classes in your CSS, then the highlighting you see comes from your theme's stylesheet. It's common for themes to style current page menu items differently. If that's the case, you should edit (or overwrite) your theme's CSS.
If you did use plugin's
mPS2id-highlight
class in your CSS, then you can try any of the following:- Enable Allow only one highlighted element at a time option in plugin settings.
- Instead of
.mPS2id-highlight
, use.mPS2id-highlight-first
or.mPS2id-highlight-last
selectors in your CSS to style the first or last highlighted link accordingly.
-
- Create your menu items/links on your menu (Appearance → Menus). You should create/add "Custom links" as these type of links allow us to enter a custom URL with the id we want. Your links URL could be in the form of
#my-id
,http://my-site.com/page/#my-id
,/page/#my-id
etc. - Create the id targets that your links will scroll to, using plugin's "Insert Page scroll to id target" button in WordPress visual editor or plugin's shortcodes.
Another option is to use id values that already exist in your theme. - The plugin is enabled by default on WordPress Menu links so normally everything should work.
Some themes have their own custom function for generating menus which might prevent the "Enable on WordPress Menu links" option from working. In such case or if for any reason you need to enable the plugin on your links manually, do the following:- Go to Appearance → Menus to edit your links.
- Click "Screen Options" at the very top and make sure "CSS Classes" is checked.
- Click to edit each one of the links you've created and insert the
ps2id
value in "CSS Classes" field. - Save your menu. Any menu item/link with
ps2id
class will be handled by the plugin.
.menu-item a[href*='#']
, so try adding this value in "Selector(s)".
- Create your menu items/links on your menu (Appearance → Menus). You should create/add "Custom links" as these type of links allow us to enter a custom URL with the id we want. Your links URL could be in the form of
-
You basically need to see the generated HTML code of your page(s) and search for
id="some-id"
patterns, e.g.<div id="some-id">...</div>
The best way to do this is to use browser's developer tools (Chrome and Firefox are browsers with great developer tools), so the steps are as follows:- Open your page in say Google Chrome.
- Hit the F12 key or right-click any element a click "Inspect" to open the developer tools window.
- Switch to "Elements" panel (if necessary) where you can see the page's HTML code (in real-time).
In this panel you can toggle each HTML tag and hovering over each one, highlights it in browser's main window (where you can conveniently see its actual position within the page/document). The tags/elements you should look for are within thebody
tag.
You can also right-click any element in the main window (e.g. a title, paragraph, section, image etc.) and click "Inspect" to highlight it in the "Elements" panel. There you can see if the inspected element has an id attribute value and use it as your link(s) target.
-
It is possible only if you can add custom javascript in your template/theme. See "Page scroll to id with mousewheel and keyboard" guide.
-
You can change the scroll duration/speed of a link by giving it a special class in the form of
ps2id-speed-VALUE
(i.e.ps2id-speed-600
) withVALUE
indicating the scroll duration in milliseconds (lower duration equals faster scrolling).If you're using plugin's "Insert/edit Page scroll to id link" button in WordPress visual editor, you can add the special class in the "Custom class(es)" field of the "Page scroll to id" modal.
If you're using plugin's shortcode, you can use the class attribute
-
Yes. Add
define('PS2ID_MINIFIED_JS', false);
in yourwp-config.php
file to instruct the plugin to load the non-minified/development version of its scripts. -
Image map links (
area
elements) work the same as normal links (anchors). See this comment and this thread. -
Some themes and plugins change document's length while the page is scrolling. A common example would be when a menu becomes sticky (i.e. fixed) only when the user has scrolled down the page. There are cases where when this happens, the menu's previous state (when it was not sticky) space becomes zero, thus changing the document/page length. This means that targets position is different according to the state of the menu, that's why when clicking the link a second time, scrolling seem to become "correct".
You can deal with this either by adjusting your menu CSS (not always possible) or by enabling Verify target position and readjust scrolling (if necessary), after scrolling animation is complete option in plugin's settings.
-
You can overwrite some of plugin's option via javascript. For example, you could add the following script in your theme's header.php inside the head tag:
window.ps2id_special_params={ highlightSelector: "a.some-class" };
You can use the following option parameters:
highlightSelector
,scrollEasing
,scrollSpeed
,keepHighlightUntilNext
,forceSingleHighlight
,appendHash
,layout
,offset
You can also do the same by adding the following in your theme/child-theme functions.php:
add_action( 'wp_enqueue_scripts', 'ps2id_special_params_0', 1 ); function ps2id_special_params_0(){ if(class_exists('malihuPageScroll2id')){ $pages_arr = ps2id_mw_get_pages(); if(is_single( 23 )) : wp_register_script( 'page-scroll-to-id-special-js-params', '', array(), '0.0.1', false ); wp_enqueue_script( 'page-scroll-to-id-special-js-params' ); wp_add_inline_script( 'page-scroll-to-id-special-js-params', 'window.ps2id_special_params={ highlightSelector: "", scrollEasing: "easeOutCirc", scrollSpeed: 700, keepHighlightUntilNext: false, forceSingleHighlight: false, appendHash: false, layout: "auto", offset: 100 };'); endif; } }
The function above will add the script on the post with id 23 (see:
is_single( 23 )
). -
In plugin settings change the "Selecotr(s)" option value from
a[href*=#]:not([href=#]):not([data-vc-tabs]):not([data-vc-accordion])
to the defaulta[href*='#']:not([href='#'])
The issue is related to this topic. -
Add the class
ps2id-auto-scroll
to a target element. When the page is loaded, it'll scroll automatically to the target element with that specific class. -
It seems that TranslatePress adds a trailing slash to the translated menu links URLs and breaks all anchor links (regardless of using the plugin or not). Please see this thread for all possible solutions including the following filter in functions.php:
add_filter('trp_get_url_for_language', 'trpc_remove_end_slash', 10, 6); function trpc_remove_end_slash($new_url, $url, $language, $abs_home, $lang_from_url_string, $lang_url_slug){ return untrailingslashit($new_url); }
Pages: 1 2
Hi, I am using page-scroll-to-id-for wordpress in combination with elementor and hello theme and everything works well.
I want to start the scroll animation automatically: When the page has loaded, it should scroll smoothly to a certain #id (without clicking a menu or link).
Can you give me a hint?
Thank you in advance,
Walter
This is the current state of my page (I am still experimenting):
https://www.energiekueche.at/walter_de/
I want the page to start scrolling automatically after load as if I clicked on (scroll down).
Is there an easy solution?
Thank you in advance,
Walter
Hello Walter,
You can do this with few lines of javascript. Add the following to your theme/child-theme functions.php:
function ps2id_custom_script(){ wp_register_script( 'ps2id-custom-script', '', array('jquery', 'page-scroll-to-id-plugin-script'), '', true ); wp_enqueue_script( 'ps2id-custom-script' ); wp_add_inline_script( 'ps2id-custom-script', '(function($){ $(window).on("load",function(){ var idToScroll="#werke"; if($(idToScroll).length && !window.location.hash){ setTimeout(function(){ if(!$(window).scrollTop()) $.mPageScroll2id("scrollTo",idToScroll); },100); } }); })(jQuery);'); } add_action( 'wp_enqueue_scripts', 'ps2id_custom_script' );
Let me know if it works 🙂
Alternatively, if you always want the the page to auto-scroll to the target, even if the user has already scrolled the page, you don’t need the extra javascript. You can simply add the class
ps2id-auto-scroll
to the target element you want to scroll to (in your case the#werke
element).Dear malihu,
thank you so much for this information. The simple solution with class ps2id-auto-scroll does exactly what I wanted – as you can see here:
https://www.energiekueche.at/walter_de/.
I didnt try out the other solution using javascript/functions.php.
Best greetings from Vienna, Austria
Walter
Awesome 🙂 If the class works for you, you don’t need the javascript solution.
Thanks a lot for the feedback and donation!
Hi there,
I am using the plugin in combination with WP Bakery. I followed the instructions given here:
https://manos.malihu.gr/using-page-scroll-to-id-with-wpbakery-page-builder/
It sort of works, but for some reason on page load it is automatically scrolling the page. For the WP Bakery part, it happens whether I use a button, a plain html link, or the shortcode for the plugin. Is there something I am missing?
Thanks
Don’t worry about it – my mistake was that my browser was not properly refreshing 🙂
This code still works and there is no problem?
Not sure which code you’re talking about(?)
This is a working WordPress plugin.
This is exactly what I needed. Thank you
Hi, I’m trying to use your plugin, before I added the plugin clicking a button would jump to the section I want now after adding the plugin it only scrolls back to the top when the button is clicked. I have tried searching the forum but can’t seem to find out why I’m having this issue.
Any help would be greatly appreciated thank you.
Hello,
Please post your page with the issue and which link(s) to click to test this so I can check what happens. Usually, you need to match your link’s URL with the URL you see on the browser’s address bar, e.g. make sure you use http/https, www etc.
Page is as follows
https://www.hiitnation.com.au/?page_id=200
Link is any one of the book birthday now buttons
There’s an error in your document’s HTML which causes the issue (among others). The document begins with:
<!--<!DOCTYPE html> <html lang="en"> -->
It should begin with:
<!DOCTYPE html> <html lang="en">
i.e. for some reason doctype and html tags got commented resulting in invalid HTML. Correcting this will fix all related issues.
Let me know
That’s perfect.
Thank you so much!
Hi,
i am using Essential Grid on a container, i insert it using shortcode, Looks like it does not recognize it’s length/height, so all the above menus get active much earlier. Any idea how to solve that?
i have tried these:
Allow only one highlighted element at a time
Keep the current element highlighted until the next one comes into view
Highlight by next target
but without effect.
regards
Hi,
Instead of using the shortcode or target blocks, give the overall/wrapper container the ID you want. Does Essential Grid provide an ID field for its elements?
Hey there,
I created onepage homepage. I used “pAge to Scroll id” to help me with navigation. When you scroll down, the area you are scrolling over, automatically changes its background color in the menu. So far that is working. The only thing, thats making it look not as nice is, that once you scroll the active menu item’s background disappears. When you stop, then its coming back.
I tried all settings and checkboxes, decreased the animation time to 1ms….
Nothing seems to work.
If checked the checkbox on this setting of course:
Keep the current element highlighted until the next one comes into view (i.e. always keep at least one element highlighted)
Here is a Video I made to show the issue
Hope some has an idea for me, so that the active menu item background color stays the same, until I reach a new section….. also turn off any kinf of animation.
Looking forward hearing from you
Greetings
Michael
I forgot to add the Video that I made:
https://elegant-themes-f149edab9071.intercom-attachments-3.com/i/o/901364847/9c8dd52b0c60945b8cb043d8/brave+-+%2805-12-2023%29+-++x.mp4?expires=1701788668&signature=2e2cede44d7dc8efa8777b3f65a696b13dd97ee852e52f52ce0e3088751527de
I also forgot to mention the standart CSS I added in Divi:
Maybe someone can spot the probleme there already?
/////////////////////////////////////////////////////////////////////////////
html #page-container .et_pb_fullwidth_menu ul li a.__mPS2id.mPS2id-highlight {
transition: all 50ms linear!important;
}
html #page-container .et_pb_fullwidth_menu ul li a.mPS2id-highlight {
transition: none !important;
background: rgb(206,174,114) !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 20px !important;
padding-bottom: 6px !important;
max-height: 63px !important;
}
////////////////////////////////////////////////////////////////
Looking forward hearing from you
Hi,
Please check my reply in your post in plugin’s support forum and let me know:
https://wordpress.org/support/topic/active-menu-items-background-disaaplears-while-scrolling/#post-17254919
Dear reader, I am using your page-scroll-to-id to scroll down from the logo to the beginning of the text on every page, since our logo is a bit ‘high’.
Now, I made it work on every page, but the ‘homepage’ does not want to work. When you enter the website url it does not scroll, afterwards if you push the ‘home’ button on the menu it does scroll, Somehow the home page does not have a place where I can refer to the page-scroll-to-id spot on the page. Would you know how I could fix that?
If my question makes any sense, I hope you can help me find the spot where I can also assign the home page to scroll to the right spot. Thank you in advance! best regards, brandt attema
Hi,
The URL for the homepage should be:
https://stichtingbeertje.com/#Thuis
If you enter the URL above, the page will scroll to the content. This URL should also be on the logo itself.
Let me know if this helps
Hi,
now it’s working. Sorry for my long mail.
One question?
Can i change for example the font-color? or only the background?
Thanks for your reply.
Sorry, can’t find your email. Can you describe the issue or resend it?
Hi there,
I am using your plugin and it’s great – but for some reason, when scrolling to anchor links from another page, the content flashes before it takes effect and looks quite bad.
I have tried setting delays and all sorts off stuff, but nothing seems to fix it.
I removed all my custom JS and CSS but that didn’t help either.
I can’t post the URL in here but I could in an email.
Thanks in advance!
Sheree
I’m really sorry – I should have searched this forum first. I added that js code you posted to someone else to the footer and it worked.
Thanks so much
Sheree
No problem. Glad you found the solution 🙂
I’m using the shortcodes and the target is always highlighted, even before the link is clicked. The link and target are on the same page, if that matters. How do I prevent a target from being highlighted until its link is clicked?
The highlight you see most likely comes from the theme. Can you post your site/page URL so I can check it?
I’ve only set the targets for “bounce rate” and “funnel” so far — both are highlighted all the time:
https://sydneychamberlain.com/jk332443
Thanks for your quick response!
The highlight feature of the plugin highlights the targets when they are within the viewport (while the page is being scrolled), not when they get clicked. That’s why they seem to always be highlighted (they are within the viewport).
To have the target sections on different background only when the links get clicked you need to add some extra javascript in your page/template. Can you do this?
If yes, you can add for example the following in your theme/child-theme footer.php right above the closing body tag:
<script> (function($){ $(function(){ $("body").on("click",".__mPS2id",function(){ var $this=$(this), $href=$this.attr("href"), $idx=$href.indexOf("#"); if($idx !== -1){ $(".mPS2id-target-clicked").removeClass("mPS2id-target-clicked"); var $hash=$href.substring($idx + 1); $("#"+$hash).addClass("mPS2id-target-clicked"); } }); }); })(jQuery); </script>
I can also give you a PHP code if you want to add the script in your theme/child-theme functions.php.
Let me know
If/when you add the custom script, you can then use the class
mPS2id-target-clicked
in your CSS to style the target:.mPS2id-target.mPS2id-target-clicked { background: #ff0; }
Just remember to remove the .mPS2id-highlight CSS you’ve added.
Thank you so much for your help! This works perfectly.
You’re welcome, glad I helped!
Hi all:
I’m using the css offset option to try to set a different offset on smaller screens. It does not appear to be working at all…so I change the height in pixels but there is no change.
This client is very picky. Is there a fix for this issue?
@media only screen and (max-width: 1200px) {
#ps2id-dummy-offset {
height: 100px !important;
}
}
Hello,
Go to plugin settings and set the “Offset” option value to:
#ps2id-dummy-offset
Save settings, test and let me know.
The plugin is not working on iPhone. Was showing my client and he has an iPhone 13. Are there any settings I can change to fix this? or is this a bug?
Works on Android and other desktop bowsers tested.
The plugin is platform agnostic and works the same everywhere. I checked your page and you need to change your link’s URL in order to match your web server configuration which requires the trailing slash. So, you need to change your link “Quick Quote” link URL from:
https://abbeyprintconsultancy.uk/services#quick-quote
to:
https://abbeyprintconsultancy.uk/services/#quick-quote
and it’ll work as it should.
Let me know
The Scrolling Offset setting doesn’t seem to be working.
No matter what figure I put in there, the scroll result places the page at the place I want, but not a little bit lower on the page, that I desire.
I am sure it used to work before, as I remember using the Offset setting sucessfully.
Sorry, I checked my page style and it was using blocks.
I have adjusted the block with a offset and it is now OK.
Thanks for a great plugin.
I read the earlier comment about flashing before the smooth scroll begins. I added the js snippet as advised, but I still seem to be experiencing the “flash.” I love this plugin and really want to keep using it. But is there anything else that can be done about this? Thanks in advance.
It seems that your web server redirects all non-www requests to the www subdirectory. Simply add the
www
part in all of your links URL. For example, change your “Jazz Stuff” link URL from:https://absintheteez.com/#products
to:
https://www.absintheteez.com/#products
Perfect! Worked like a charm. Thanks so much for the help.
You’re welcome 🙂 Thanks for the feedback.
Hello,
I have a menu with more then 10 items and it’s overflow:hidden. My question is how to jump to hidden items by scrolling page. at this moment hidden menu items not showing correctly.
Hello,
This functionality will need custom javascript development (I’ve done similar things for various websites). If you’re interested and want me to give you a quote, send me an email 🙂
can you check your email please
Is it possible that when a visitor enters a page that the scroll will be activated and passes the header?
Best regards, Fred.
It’s possible with a few extra javascript lines. Can you add custom js to your theme/template? If yes, post your page/site URL so I can give you the code to add.
Thnx, I have allready solved it with another javascript for scrolling.
Greetings Fred.
hi
I already deactivated the plugin but still getting this error Uncaught TypeError: Cannot read properties of undefined (reading ‘length’)
at w (page-scroll-to-id.min.js?ver=1.7.7:2:14272)
at page-scroll-to-id.min.js?ver=1.7.7:2:20475
Please advise. Thanks
Hi,
I just tested your page (
babyup.co.uk
) and I don’t see the console error. Perhaps it was a caching issue?Love the plugin!
Getting a weird flashing / jump effect sometimes.
For example, if I got to
https://www.casedo.com/insights/barriers-to-improvement/current-legal-document-workflow-management-isnt-working/
and scroll down to the bottom of the page and cilck ‘sign up now’, it’s meant to take me to the home page and then scroll down to the pricing block, instead it kind of flashes before scrolling, or even scrolls down twice.
Please help!
Jim
Hello,
Scrolling to a different page can be tricky as it depends on a lot of things (CSS, page layout, caching, browser engine etc.) and sometimes is not as exact or accurate as when scrolling within the same page.
Can you add some extra javascript to your template? If yes, the following code should probably fix the issue.
You can add the script below in your theme/child-theme footer.php right before the closing body tag (
</body>
). Alternatively, you can add it in a custom javascript field if your theme (or some other plugin) provides one (without the script tags!).<script> (function($){ if(window.location.hash){ var elem=$(window.location.hash); elem.css("display","none"); $(window).on("load",function(){ elem.css("display","block"); }); } })(jQuery); </script>
Let me know if this helps
Hi. Apologies for the late response, I’ve been away at the beach!
I’ve added the script and it does appear to be a little better, though the flashing does still occur.
But definitely an improvement, so many thanks for that.
If you have any other suggestions, it’d be great to hear them.
Regards
Jim
No problem. You just need to place the script further down the code. This is because you’re loading the jQuery library later.
How did you add the script? Can you move it after jQuery library inclusion (e.g. in the footer.php like I described)?
This worked for me! Thank you!
Issue was that the page would load right to the section that is defined. But then the animation would start and scroll back to the defined anchor.
Hallo
Manos and other good people My site is still under development.
Plese forgive my english and forgive that im probably absolute morron.
Top Menu on my site was a dark grey one. Now when i replaced my default site menu with cuscutom links.
All of my menu is light grey. I know thats a default behavior of clicked links wp twentyseventeen.
But I would like to my menu stay the same color as it was before. (clicking menu does not affect color).
How to prevent link color change in this particular part of site.
I will be greatfull for any clues
Have great day everybody
Kuba
Hello,
Can you post your site URL? It’s impossible to tell you what CSS rules to apply without seeing your menu.
Im an idiot i watch your tutorial video carefully now everything is clear as day.
Sorry for bother you.
Have a great day
No problem 🙂 Let me know if you need more help.
Hello,
Love your plugin. I have a very long page and when a link to bottom section is click the scrolling is way too fast and ugly. I like to use the plugin for the offset feature and would be happy to turn off the scroll and just have the page fade in (I can do that part). Is there way to turn off scrolling for ‘far distances? or completely?
Or is there a Javascript code snippet just to set the offset without the plugin?
Thank you very much for your time!
Hello Janet,
You can set the “Scroll duration” option in plugin settings to
0
. This will effectively disable scrolling animation (i.e. the page will jump to the target).Let me know if this is what you need.
I love your plugin and have used it on many of my sites, but for some reason, it’s not easing like it should (no real smoothing at all) on this new install of WordPress. can you help? thanks!!!
Hi,
Your web server uses SSL (https). Just change your links URL from http to https. For example, change “THE GANG” link URL from:
http://dirt-media.com/#thegang
to:
https://dirt-media.com/#thegang
and everything should work. Let me know.
Hello, I have an issue, an error screenshot (https://prnt.sc/xk1t47MBdl6E).
The cause screenshot (https://prnt.sc/7BhE9ZqaXfWU).
Explanation: the parameter should be a string, but an array is given.
Could you fix it, please?
Hi,
This is a known issue which is already fixed in plugin’s development version (see link below) and will be fixed in the next plugin version (1.7.8).
https://downloads.wordpress.org/plugin/page-scroll-to-id.zip
If you don’t want to wait for the next version release, you can use the development version and update to version 1.7.8 when it becomes available (as you normally do).
Hi,
i have a small issue. on the main page the plugin works perfectly.
But when i am on a sub page like https://endlesscity-records.com/artists/
and i click on the menu any links (except: home & sub-menus)
it does not jump back to the main page.
i am using costume links with #myanchhorID in the menu
cause if i use the full link (like https://endlesscity-records.com/#myanchhorID), the mainpage doesnt scroll, it first reloads the complete page, and then scrolls from the top to the anchor point.
any idea?
Regards,
Simon
Hi Simon,
It seems there is another script affecting the links with absolute URLs like
https://endlesscity-records.com/#some-id
(this script may be part of the theme).Try to use the root-relative URL in your links, meaning that instead of
https://endlesscity-records.com/
, start with a simple/
which defines the domain root.For example, change your “Releases” link URL to:
/#releases
and it’ll work from any page.
You can do this for any page, like
/events-list/#some-id-in-events
,/#some-id-in-home
etc.AMAZING! Works like a charm!
Thank you soo much.
Just sent you a Donation to get a Coffee!!! 😉
Regards
Simon
Thank you! Glad I helped 🙂
I had been using the page-scroll-to-id plugin on my website without any problems.
My website went down and when I contacted BlueHost, they said my page-scroll-to-id plugin was casuing a conflict and needed to be disabled.
Any suggestions on if/how I can reactivate this plugin without crashing my BlueHost hosted website?
Thanks for any suggestions.
Hi,
I’ve never got any issues with BlueHost (or any other hosting tbh).
You need to ask them or find what the error was.
Also if you changed something before your site went down.
Does reactivating the plugin cause the site to go down? If yes, what error do you get? Is PHP debug enabled?
I can not reactivate it, when I try I get the following error message:
We were unable to switch the status of Page scroll to id. Please try again.
Could there be a conflict becasue I am also using BeTheme?
I had been usingJetPack to monitor my site usage right before my site crashed.
Could the conflict be realted to JetPack?
Can’t say for sure (I’ll try making some tests).
Can you try the following?
Firstly, delete “Page scroll to id” in wp admin plugins page.
Download plugin’s development version:
https://downloads.wordpress.org/plugin/page-scroll-to-id.zip
Upload and activate it.
Let me know if it works.
Thanks for the suggestion.
I think the problem is a conflict with BeTheme.
I will have to figure out another solution.
Thanks.
Same on my website, if I updatet to PHP 8.0. I solved problem same way.
updating to version 1.7.7 caused an error – so there is a bug on your update.
I downloaded and replaced it with the previous version 1.7.6 – and it solved the problem.