activ link color - sticky header and header menu

oliverjeremy · October 2019

Hey guys!

I am having one/two minor problems with my activ link color appearence for my main manu as well with my sticky header menu.

Desktop "normal" header: Whenever I click on one of the main menu, that "activ" menu link changes color as planed - all good.

It doestn do so with the sub-menu and sub-sub-menu. Those stay the same colors even if I am on that page and they should have the "activ" highlighted color.

Desktop sticky header: As soon as I scroll down, the sticky header appears but the activ link color for that page/menu disappears completly. So the menu/pages keeps the basic color nomather which menu/page is activ.

Responsiv: On my Smartphone everything works just fine. Sub-menu activ link colors change as expected, all sound.

Hover: Hover colors work just fine!

here my website:

https://thebigstep.ch

Best regards and thank you

Oliver

Pablo · October 2019

Hello Oliver,

It looks like the problem on our side, we'll surely fix that in future updates.

But for now, this is the workaround, please paste that code into the Theme Options > Custom CSS & JS > CSS

.current_page_item a{
	color:red !important;
}

Thanks

oliverjeremy · October 2019

Thank you for your reply.

That code doesnt do the trick. I see the change, but in my case its useless.

Thank you anyway, looking forward to a smooth solution/update.

Pablo · October 2019

I do not understand which solution would satisfy you.

It's highlighting the menu item which is selected - can you explain what you would like to see?

Thanks

majtomek · November 2019

I have similar problem, but your solution doesn't work. Site: http://new.apmkancelaria.pl/

On the home page there 4 links. 3 are anchors to the mainpage and one leads to different site. Links which are anchors are hover state. I expected they to be in "normal" state. What can I do?

Bryan · November 2019

majtomek

If you paste the URL to the current page in the link then it will highlight.

First of all, please edit this page and set the "one-page" option to on.

Also, for anchors use only #anchor, without the whole URL before it.

thanks

oliverjeremy · April 2020

Hey!

How can I add a image to this comment? I get a "hotlink" error if I link it to my webpage and can't drag and drop it either.

cheers

Pablo · April 2020

oliverjeremy,

If you want to upload an image, we suggest to upload it on some image hosting and send us a link to it in the comment.

Thanks

oliverjeremy · April 2020

FInd below the link with pictures, which help to understand my problem.
https://thebigstep.ch/home/navigation-color/

thank you

Pablo · April 2020

Please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

@media (min-width:1240px){
 .current-menu-parent > a span{ 
     color:orange !important;
 }

 .current-menu-parent .current-menu-item span{
     color:orange !important;
 }
}

Thanks

oliverjeremy · April 2020

Yes! that will do the trick!

Thanks Pablo

activ link color - sticky header and header menu

Comments