malihu

You’re welcome! Glad I helped ??
Let me know if you need anything else.

Hello,

It seems you’ve included # in CSS ID by mistake. You need to remove the # from the ID. For example, change the CSS ID of “We Serve The Best Service” section from #comment to comment and it’ll work.

Hello,

The issue seems to be coming from the Goal Tracker plugin which makes those links jump while preventing “Page scroll to id” (or any other similar plugin) from doing its thing. The script that does it is ...plugins/goal-tracker-ga/public/js/wp-goal-tracker-ga-public.js line 133.

Firstly, try this:

Go to “Page scroll to id” settings and enable “Prevent other scripts from handling plugin’s links” option and set the “Prevent other scripts from handling plugin’s links selector(s)” field value to:

a[href*='#']:not([href='#'])

Save changes and test.

If the above doesn’t work you can try adding the attribute role="tab" to the paragraph containing your links. I’m not sure if you can do this via the WPBakery page builder(?)

If none of the above works, we can add the attribute via javascript, so let me know if we need to do this and I’ll provide you with the exact code ??

• This reply was modified 2 months, 1 week ago by malihu.

Thanks for posting what caused the issue. If you need more help with the plugin let me know.

Awesome! Glad I helped and thanks a lot for the donation ??

Hello,

For some reason there’s a CSS rule which sets the height of the root element (html and body) to 100%. This cause the issue. I don’t know why this rule is there but resetting it by adding the following to your CSS fixes it:

html, body{
	height: auto;
}

Let me know

You’re welcome ?? Thank you for your review!

The changes have not been applied on the frontend. You probably need to clear/flush the page/site cache?

It seems that when you click the link, the page reloads (to a non https version) instead of scrolling directly to the target. This does not happen when I test it on any device. Can you test it on another phone/device? Maybe you’re seeing a cached page in your device, can you clear your mobile browser’s cache?

No problem ??

In default.min.js find the text:

.main_menu a, .vertical_menu a, .qbutton:not(.contact_form_button

and change it to:

.main_menu a:not(.__mPS2id), .vertical_menu a:not(.__mPS2id), .qbutton:not(.contact_form_button

Save the file, test and let me know

Also, in plugin settings enable “Force scroll type/easing” option.

Hello,

I can’t seem to reproduce the issue you describe. For example, I can click “T?rténetünk” and “Partnereink” links in the mobile menu and the page scrolls smoothly to each section without any snapping. Did you fix the issue or?

Hello,

There another script in your theme that handles same-page links and prevents “Page scroll to id” from doing its thing. The script is this one:

...themes/bridge/js/default.min.js

First, try this:

Go to plugin settings and add the following in “Prevent other scripts from handling plugin’s links selector(s)” field:

.main_menu a

Save changes and test.

If this doesn’t work, you’ll need to manually edit default.min.js as it’s the only way to prevent the theme script from handling page scrolling (I’ll tell you what to change).

Let me know

You’re welcome ??

Hello,

This happens because the page lazy-loads its images while it’s scrolling. This means that between the smooth scrolling starting and completing, the target’s position has changed.

Go to plugin settings and enable “Verify target position and readjust scrolling (if necessary), after scrolling animation is complete” and “Extend target position verification and scrolling adjustment for lazy-load scripts (images, iframes etc.) and changes in document’s length” options. Save changes and test.

@cholasimmons Yes, this is an issue I check frequently as it creates problems not only with smooth scrolling but with other plugins, scripts, APIs etc.