Active class and one page navigation CSS issue

[Pbalazs89]

Hi there,

I’m trying to achieve inline navigation to be white, and blue when hovered on this site:
https://e-furgon.hu/

However, since all the links are found on this page (one-pager), they all turn blue immediately upon loading.

I tried adding CSS such as .m1f-b.x-anchor[class*=“active”] {color:white !important;}
But it does not do the trick. I also went into edit page and turned on this given menu for one page navigation. Did not help either.

Can you help?

[christian]

Hey @Pbalazs89,

The menus are highlighted because you’re using Full or Absolute URLs like https://example.com/#jumplink. Please use Relative URL like #jumplink.

One concern with that setup is the jump links won’t work globally. The solution is to create 2 menus. One using Absolute URLs and one using Relative URLs. Assign the Relative URL menu only to the page using the One Page Navigation setup.

If you’re looking for a custom CSS solution, regretfully, we can’t provide that as part of theme support. We can only provide custom CSS guidance in our One premium support.

Thanks.

[Pbalazs89]

Thanks a bunch, that was the issue!

[prakash_s]

Hello @Pbalazs89,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns regarding our theme and theme settings.

Thanks