Return to previous page

Active Menu Link - by zf - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 9 years, 8 months ago ago by Stan Russell

zf

Participant

March 27, 2015 at 09:51

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, contact administrator
for this information.

#52728 Copied

10 Answers
Brian Johnson

Member

March 27, 2015 at 11:18
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
#52774 Copied
zf

Participant

March 27, 2015 at 13:50

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

#52806 Copied
Robert Hall

Support staff

March 27, 2015 at 14:21
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.
#52809 Copied
zf

Participant

March 27, 2015 at 14:36

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!!!!!

#52816 Copied

Brian Johnson

Member

March 27, 2015 at 15:22

Please provide us with picture or link to example of appropriate solution.

With best regards
Brian Johnson

#52832 Copied

zf

Participant

March 27, 2015 at 15:31

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

#52838 Copied

zf

Participant

March 27, 2015 at 15:37

Hi, i have all menus working now besides the parent.

Thanks

Just parent level to do.

#52841 Copied

Robert Hall

Support staff

March 27, 2015 at 15:39

We’re glad to hear it.
Have a good day!

Regards,
Robert Hall.

#52844 Copied

zf

Participant

March 27, 2015 at 15:49

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.

#52847 Copied

Stan Russell

Participant

March 27, 2015 at 15:51

Hello zunaidfloris,

thank you for your reply. We are always happy to help our customers.

Regards,
Stan Russell.

#52848 Copied
Tagged: active menu link, responsive design, seo friendly, themes, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)