Navigation inline: Interaction color not working

[blfabian]

Hi

I try to use the navigation inline element and want to change the text color upon interaction. I set it up like this:

When I check the navigation bar in the Pro theme builder, the text is white if there is no interaction (as expected):

However, when I try it out when the theme builder is not active (e.g. in Google Chrome or Microsoft Edge), all menu contents are already in interaction color by default:

Any idea why this does not work?

I also tried out particle setup, this one works fine. Currently, I’m working on localhost using WampServer.

Best,
Fabian

[paul.r]

Hi Fabian,

Please check your menu links , and make sure they are pointing to the correct page and not to the homepage

Since I cannot investigate directly I am assuming that all links are pointing to the homepage which makes them as current page.

Thanks

[blfabian]

Hi Paul

Yes, so actually the menu links are pointing to sections on the same page (e.g. localhost#technology), does it make them current even if I’m not in the corresponding section? When using the particle setup, this didn’t seem to be a problem, the menu links only were highlighted once I reached the corresponding section (using the sticky headers setup).

Best,
Fabian

[mldarshana]

Hi Fabian,

You need to add full path, for example: http://localhost#technology. If you can provide some screenshots of the corresponding settings, we should be able to assist you further.

Thanks!

[blfabian]

Yes, I just checked that I’m using full links in the menu, and the links also work.

Some screenshots about the settings:

The text highlighting works as expected as long as I am within the Pro page builder, but it’s not working when I just watch the page on https://localhost:

[christian]

Hey @blfabian,

It’s because you’re using Full links. Please create another menu using the fragment only like #technology. Then, duplicate your current Header and use the newly create menu. Assign the new Header to your home page or single page and use the Full links as your global menu.

Thanks.

[blfabian]

Great, that did the job. Thanks a lot for your help!

[thai]

You’re welcome.