Anchor links dont work in mobile

Hello,

My anchor link dont scroll down in mobile, i tried to disable all plugins and continues no working.
That button have to scroll down to the section #telefones, it works fine in desktop version.

https://new.cooptaxis.pt/

Regards,
Ivo Mendes

Hi Ivo,

Thanks for writing in! I see that you have added the link through slider revolution. Could you please try following this guide (https://www.themepunch.com/faq/smooth-scroll-to-other-page-content-5-0/) and setup your link accordingly and see if that helps.

Thanks!

Thanks for the reply.

I think that´s not the problem, i add a button in the header and continues not working as you can see.
And like i said, all works fine in the desktop version.

Hi again,

I did some deep testing and found the issue, you’ve multiple instances of the same ID telefones in a single page. So when you click on the scroll down button it always gets the first instance of the telefones ID and scrolls the page down (the desktop case), now you’re hiding the section that has this ID and in mobile, your button is still referencing that ID but the section is hidden therefore the scrolling doesn’t work in mobile devices. Please note that ID should be unique and you should not use an ID more than once in a page.

To fix the issue, you should give unique ID’s to both desktop and mobile sections where you want the page to scroll to. For example keep telefones ID for the desktop section and change the ID for mobile section i.e telefones-mobile now in small devices reference that section with the ID telefones-mobile and this will resolve the ID duplication conflict.

Hope this helps!

Thanks for the help @Nabeel , that solve the issue!

Regards

Glad we were able to help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.