Navigation Layered Anchor Behaviour [Pro Headers]

Hello, is it possible to have an Anchor Link travel to the bottom of the page in the Navigation Layered Menu? The anchor works on the desktop menu as intended, however, when the mobile menu kicks in, the page doesn’t scroll on link hit and only removes the off-canvas background.

This is the website in question: https://groundworkcontractors-staffordshire.com/

Many Thanks!

Hi Chris,

Thanks for reaching out.
After thorough investigation, I found that there are two ids mentioned as contact and the first element with that id is not visible on mobile devices and that is the reason behind your issue.

While I was forcefully visible in that section, your menu item works perfectly. I would suggest you set the id to the bar, add all the containers into that single bar, and set the visibility to that container based on the devices.
So you need to add a single bar with all those containers that are visible on desktop and mobile and add the id contact to that bar.

Hope that helps.
Thanks

1 Like

Great observation, thank you! That has sorted the problem and will need to remember it only works with one instance of the ID in the future. Thank you for your help.

Hi Chris,

Glad to help you.

Thanks

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