[Erik Myklebust]

I’m trying to utilize the nav bar for navigation on the main page. So when I just use tags (#about-us), this works just fine. However, I’m going to have other pages that the nav bar will take the user to. So when they are on those internal pages, if they click on “About Us,” that anchor will not take them back to amperellc.com/#about-us. If I assign all of the links in the nav bar to full URLs, like the one I just gave, all of the links for the main page are highlighted as “active.”

Is there a way that I can use the full URL for the anchor, but not have the links be active by just being on the Main page? Is there a way to only have them be active when they are on the tag that they are linked to? i.e. when the user is on amperellc.com, none of the links are active. But when clicking on About Us, they are scrolled down to amperellc.com/#about-us and then that link is now active.

I have all of this as a saved draft in my site, and it’s not reflecting this changes on the live version. But the url is amperellc.com, if you haven’t guessed that by now.

Thank you!

[Skandha]

@erikiesdistributors-com: Hello there,
I will look into the issue and update you on this.

Kind Regards,
Skandha

[Skandha]

@erikiesdistributors-com: Hello there,
Can you change the link on the menu item Products to https://amperellc.com/#service-section instead of #service-section?

Let me know if this works out!
Kind Regards,
Skandha

[Erik Myklebust]

Hi Skandha,

Thank you so much for your response. I have tried that, and that does solve the problem of allowing me to return to the link from a different page, but it shows the link as “active” if i’m on any part of the page.

Here is a link to get to the draft I have saved where I’m trying all of this out so that you can see what I’m talking about.

https://amperellc.com/?customize_changeset_uuid=62ce8a14-24e9-46d1-ad78-77d05882aa7c

Products, Technology, About, and Our Team are all linked as you suggested above and they all show active when on any part of the homepage. The link I sent doesn’t show the full site, for some reason. But it does show how all of the homepage links are in an “active” state permanently.

Thank you!

Erik

[Skandha]

@erikiesdistributors-com: Hello there,
Does this happen on a published page as well?

Kind Regards,
Skandha

[Erik Myklebust]

Hi @skandha,

I’m honestly not sure. I was trying to get this all sorted before I went live with the site. I can give it a try and get back to you.

Thank you,

Erik

[Skandha]

@erikiesdistributors-com: You can always post here if you come across any issues. Have a good day! 🙂

Kind Regards,
Skandha

[Erik Myklebust]

Hi @skandha,

Do you happen to know where the CSS file is for the navigation bar within the FTP?

I think I’m just going to go in there and change the :active state for the navigation bar. That should solve my problem…

Thank you,

Erik

[Author]

Posts