Menu link not working in my project

Hello Folks,
I am trying to link a section to anoher page with “/pagename#sectionname”
But it is still not working.

So I have different sections on home page, like #About-us, #Pricing, etc. It is conecting normally with section-link, that’s not usefull as I want user to use menu from blog or ther pages also as I don’t have different pages for everything thats why I have created a section.

Can somebody help me with it, I tried YT also. I am doing as per the instructions still it seems not to be working. I don’t what’s the problem is.

Webflow Readonly link: Click Here


Thanks for your attention
Atharv

Hi Atharv,

The easiest way is probably to design your Nav component for all pages, then override those links on the homepage instance only.

That would look something like this- I’ll use the Contact

  • Edit your nav so that the Contact link points to /#Contact, which means homepage, contact section.
  • Then click the purple button and create a property called Contact link. The default for that link should show as your /#Contact.
  • On the homepage then override that with Section link to Contact. That will do a better job of triggering smooth scroll etc.

Note that on your homepage you have a lot of duplicate ID’s that will create problems for you. You can see e.g. two Contact sections here.

I agree, but now if you go to the blog page then this will not work.
That’s where the problem begins.

Why not?

Either you’re linking to the homepage’s contact section which is the default, or you override it with something else if you want to like a contact link on the Blog page.

Yes it worked perfectly. Thankyou.

1 Like