I tried using the OOTB AEM 6.4 Navigation component (v1) , but i observed a confusing behavior of this component :
I added this component on page : /content/we-retail/us/en/men.html and authored the navigation root path as : /content/we-retail/ca/en. But the resultant navigation pages are taken from /content/we-retail/us/en/ instead of /content/we-retail/ca/en.
Could be a bug, but when you used the non-existing page in the same site but from another site, it works.
Add navigation component on page : /content/we-retail/us/en/men/products.html and authored the navigation root path as : /content/we-retail/ca/en/men2. But the page /content/we-retail/us/en/men2 shouldn't be exist.