This topic has 11 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Stan Russell
Hi Guys,
Please could you assist with the ffg:
1) Need to make any active menu link bold and different colour (#e4701e)
2) Need to make any hovered menu link bold and different colour (#00457c)
Thank You
Z
Please try this code:
.menu-item a:active {font-weight:bold !important;color:#e4701e !important;padding-right:15.59px !important;}
.menu-item a:active:after {font-weight:bold !important;color:#e4701e !important;}
.menu > li.menu-item > a:hover::after {color:blue;font-weight:bold; }
.menu > li.menu-item > a:hover {color:blue;font-weight:bold;padding-right:15.59px !important; }
With best regards
Brian Johnson
Hi Brian, I have added the script but it is not what I am looking for
When a person clicks on a menu link for e.g “About Us” that menu link needs to stay orange (#e4701e) and bold.
Please advise..
Thanks
Hello,
Please add this code in custom.css file
.menu .nav-sublist-dropdown ul > li.current-menu-item >a{
color:#e4701e;
font-weight: bold;
}
Regards,
Robert Hall.
Hi Robert/Brian, we are getting there. Thanks for assistance thus far.
I just need it to also be active on the parent menus and mega menu sub levels aswell..
Thanks
Z
A-Grade Support Guys!!!!!
Please provide us with picture or link to example of appropriate solution.
With best regards
Brian Johnson
Hi Brian,
Have a look at the site im working on…
Go to Company >> About Us (This is how i need it)
However if you go to any other link whether a parent or child menu (Mega Menu) It does not work..
Site link in Private content on first post/
Thanks
Hi, i have all menus working now besides the parent.
Thanks
Just parent level to do.
We’re glad to hear it.
Have a good day!
Regards,
Robert Hall.
Hey Guys, all fixed
and incase anyone else wants it here is the code:
.menu > li.current-menu-item > a {
color:#e86101 !important;
font-weight: bold !important;
}
.menu .nav-sublist-dropdown ul > li.current-menu-item >a{
color:#e86101 !important;
font-weight: bold !important;
}
Just change your colours.
Hello zunaidfloris,
thank you for your reply. We are always happy to help our customers.
Regards,
Stan Russell.
Tagged: active menu link, responsive design, seo friendly, themes, woocommerce, wordpress
The issue related to '‘Active Menu Link’' has been successfully resolved, and the topic is now closed for further responses