Active class and one page navigation CSS issue

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?

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.

image

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.

Thanks a bunch, that was the issue!

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

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.