Hey iamaakil, I think I can see the issue.
I think your rows/ sections are missing the relevant IDs for the anchor menu to use.
Lets take the RoadMap link as an example as that has a fairly obvious anchor location on your page.
What you want is for someone to click this link:https://share.getcloudapp.com/4guNdy5y
… and to be taken to this section on your page: https://share.getcloudapp.com/wbuD20eo
Right?
Looking at the HTML of your Roadmap section, it’s missing any ID that the anchor link will use to scroll to.
E.g. https://share.getcloudapp.com/E0uXxbq9
Here’s a useful article that shows how to add an ID to a section in Elementor.
https://themes.artbees.net/docs/assigning-an-id-or-class-to-an-element-in-elementor/
In your case, you’d want to add the ID of roadmap.
Once done, clicking the link in the nav should scroll the user to the Roadmap section of the homepage.
Once thats working, just rinse and repeat for the other links in your nav
buy
chairman
You may then want to consider adding this plugin.
https://en-gb.ww.wp.xz.cn/plugins/page-scroll-to-id/
Doesnt require any setup, just activate and it’ll give your anchor links a nice smooth scroll effect.
Hello domokun, thank you for your such detailed response. I am using one of the elementor’s element “menu anchor”. The interesting factor is when I load the page with “edit with elementor” the scrolling works but when I click it from live site/incognito it doesn’t work.
As per your instruction on adding CSS ID from the advanced option, it didn’t seem working either. I think the issue is with JS. Please let me know if you have any more suggestions. Thanks.
It is working: https://share.getcloudapp.com/X6uKmoKg
Sounds like you’re now running into cache issues. Clear your browser cache and try again
