Anchor Links Not Working On Mobile (X Theme)

Hello, I’m trying to address an issue with anchor links not doing anything on mobile. I’ve searched the forum and tried many different solutions to this issue, but none work for me.

Here’s an example of the issue:
-issue is fixed, link has been removed-

When clicking “Learn More”, nothing happens. It works fine on desktop though.

Any help would be appreciated!

Hello There,

Thanks for writing in! Please do not bump your thread. Self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

The button is within #x-section-1 and you link your button to same section ID.

Since you want that after clicking the button it will go the lear more section, you will need to edit your button link and put #learn-more instead.

Hope this helps. Kindly let us know.

Thanks for the response. Your solution doesn’t seem to work, however. Can you test and confirm?

Hi there,

Yes, I can confirm that it’s not working which is a bit strange. Something is removing the scrolling effect in button’s click when viewed in mobile.

I tried triggering it with custom javascript but still the same, would you mind providing your admin login credentials in a secure note? I like to disable some plugins and try the javascript again to see if it’s going to work. And please backup your site first.

Thanks!

I’ve saved the secure note in my last post. Thank you for the help.

Hi,

Please remove overflow-x hidden in Custom CSS

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; /* <- remove this line */
}

Hope that helps.

Thank you for the help, paul. That cleared it up!

You are most welcome. :slight_smile:

I’m also having this problem. I have no idea how to fix it. Any help is greatly appreciated!

Hi Destiny,

I suggest that you create a new ticket and on that ticket, please provide your page URL in question so that we can check and give you some advise.

Thank you.