Anchor Links are Not Working Correctly On Mobile In Off-canvas Menu - Question | JoomShaper

Anchor Links are Not Working Correctly On Mobile In Off-canvas Menu

K

Kugata

Helix Framework 1 month ago

Hello! Anchor links are not working correctly only on mobile

  1. When clicking on the anchor link "bureau" (https://adrd.pro/en/#team) from homepage, the Off-canvas menu window does not close. Because it's in a div container class="offcanvas-menu border-menu" tabindex does not switch to value -1.
  2. When clicking on the anchor link "bureau" (https://adrd.pro/en/#team) from any other page, the Off-canvas menu window closes, but the transition does not occur to the anchor position, and the page scrolls to the bottom. This only happens on mobile phone. What could be the reason and how can it be fixed?
0
11 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #211520

Hello,

I hope you’re doing well. I’m sorry for the experience you’ve had so far.

I got the first issue, but the second one is looking fine at my end. How did you added URL in your anchor menu? Did you put just the section ID or the full url?

To look into this issue more closely, could you please share temporary Super Admin access (inside the hidden content box)? I’ll check this and update you as soon as possible.

Please make sure to keep a full site backup before sharing the credentials, just to be safe.

Best regards,

0
K
Kugata
Accepted Answer
1 month ago #211565

Hello, Rashida! I tried adding URL in different ways, but the result was the same. I hope you can help me. Thank you in advance.

0
K
Kugata
Accepted Answer
1 month ago #212097

Hello, Rashida! Both problems still exist.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #212108

Hi,

Sorry for the unwanted delay. Would you please check now and let me know if the issue is now solved or not at your end? Though I didn't get the second issue.

Best regards,

0
K
Kugata
Accepted Answer
1 month ago #212128

Hi, Rashida! Everything works great now. Thanks for the quick help! You're the best!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #212132

Hello,

Glad to know that the issue is now solved already:) You are always welcome and thanks for accepting the answer.

Have a nice day!

0
K
Kugata
Accepted Answer
1 month ago #212144

Rashida, after your fixes, another problem appeared - on the mobile version, if you're on the homepage and click the "BUREAU" anchor link, the scroll stops working. This doesn't happen on other pages. After adding the code

document.body.style.overflow = 'auto';

to the custom.js file, everything started working without problems.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #212160

Hi,

I can not login to your admin area anymore...

0
K
Kugata
Accepted Answer
1 month ago #212169

Thank you, Rashida. I solved this problem myself. I added the code: document.body.style.overflow = 'auto'; to the custom.js file. `

jQuery(function($) {

$('.close-offcanvas, .offcanvas-overlay, .offcanvas-inner ul > li:not(.no-scroll) > a').on('click', function() {

    $('body').removeClass('offcanvas-active');

    document.body.style.overflow = 'auto';

});

});

`

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #212258

Hi,

Thanks for the update and for the information.

Glad that your issue is now solved:)

You may accept the most useful answer in order to close the post.

Have a nice day!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #212799

Thanks for accepting the answer:)

Have a nice day!

0