Docs

[kindledclass]

Hi,

I have one page navigation working on my site, but it looks weird because all the links that go to the page are one color, and the one link that goes to a different page is a different color. I understand why it’s doing this, but I don’t know how to change it.

Ideally, I’d like none of the links on the home page (the one page nav page) to be a different color. I only want them highlighted if the person clicks or scrolls to that section of the page.

How can I do that?

My site is kindledclass.com

[Darshana]

Hi there,

Thanks for writing in! You have the following custom rule which makes that effect. You can remove it.

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 #4e80c1;
}

Hope that helps.

[kindledclass]

Does that go in a custom code box or am I looking for this to remove it? If I’m removing it from somewhere, where? If I’m putting it in a custom code box, which box?

Thank you!

[kindledclass]

I tried putting your code in the custom CSS in the Cornerstone editor of the home page, but I didn’t see any changes.

[Rue Nel]

Hello There,

Thanks for the updates. This issue happened because you have set up one page navigation incorrectly. You should create two separate menus. One menu should be your primary menu and the other one is exclusively for your one page navigation menu. To know more about how to implement one page navigation menu, please check out our knowledge base here: https://community.theme.co/kb/how-to-setup-one-page-navigation/

Hope this helps.

[kindledclass]

YAY! That fixed it! Thanks so much! I missed that bit about the two different menus and the one page option on the page editor. 🙂 You guys are awesome!

[Joao]

Thanks for the kind words!

Let us know if you need help with anything else.

Joao

[Author]

Posts