Header anchor links to work on other pages

Site URL: https://www.pozeband.com/boutique/p/t-shirt-noir-unisexe-grand-logo-smlxl

Hi,

I have set anchor links in my header which can glide down to sections of my home page with code blocks.

When I'm on another page, like a product page (which is the site URL I have linked), if I click on my anchor links in my header, which just contain, for example "#biographie" or "#contact", it just stays on the product page because it's not mentionning my website's name, like so: "pozeband.com/#biographie"

So, I have added my full website URL + the anchor to my header links, such as "pozeband.com/#biographie" and "pozeband.com/#contact".

My issue is that, now, when I'm on my home page and that I click on my header links, it reloads the full page before gliding down to the anchors.

Is it possible to have my header anchor links be "#biographie", "#contact" when I'm on my home page
AND
have my header anchor links be "pozeband.com/#biographie", "pozeband.com/#contact" on all other pages?
(or any another way to make it work as intended)

Thanks!

EDIT: #biographie and #contact in my examples are anchors which are on my homepage

7 hours ago, pozeband said:

Site URL: https://www.pozeband.com/boutique/p/t-shirt-noir-unisexe-grand-logo-smlxl

Hi,

I have set anchor links in my header which can glide down to sections of my home page with code blocks.

When I'm on another page, like a product page (which is the site URL I have linked), if I click on my anchor links in my header, which just contain, for example "#biographie" or "#contact", it just stays on the product page because it's not mentionning my website's name, like so: "pozeband.com/#biographie"

So, I have added my full website URL + the anchor to my header links, such as "pozeband.com/#biographie" and "pozeband.com/#contact".

My issue is that, now, when I'm on my home page and that I click on my header links, it reloads the full page before gliding down to the anchors.

Is it possible to have my header anchor links be "#biographie", "#contact" when I'm on my home page
AND
have my header anchor links be "pozeband.com/#biographie", "pozeband.com/#contact" on all other pages?
(or any another way to make it work as intended)

Thanks!

EDIT: #biographie and #contact in my examples are anchors which are on my homepage

I have one solution for your issue. With the header nav anchor link, we will create 2  link pages:

- One link for anchor link on Home Page, we set it's link with #yourtargetid

- One link for anchor link on other Site, we apply it's link with /#yourtargetid

We can use some pure Css code to hide/display the suitable header.

Hope that it makes sense