Hello, please help..
I'm using code block anchor links and smooth scroll on this page (https://www.whiteroan.com/home-1). Right now, the navigation for "At a Glance", "Brand Partners" and "Team" all link to their respective anchor links on the homepage by linking to #glance, #partners and #team.

The issue is When I'm on any other page but this page (https://www.whiteroan.com/home-1), these navigation links don't work unless I specify the url slug and use /home-1#glance, /home-1#partners, /home-1#team - this would be fine except every time I click those links on the homepage, it doesn't smooth scroll down to the right section but will refresh the page first then scroll down. I don't want it to refresh when I'm already on the homepage but if I change it back to #glance, #partners again, the links won't work on any other page.

Please can anyone hlep with a solution; probably a code that allows me to use different links for the other pages or anyother solution would be really helpful.

Thanks!

Hello,

Please send a link to another page so I can check the links from the menu

Here it is: https://www.whiteroan.com/gallery-1

For the links, instead of just using the #hash modify them to be /home-1#hash 

I already know that - that's not my issue. Please read my original post again..

If you want it to switch from one page to the other without page refresh that is the job of a Web Application like Angular and React