Return to previous page

Current Menu Active - by zf - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 9 years, 10 months ago ago by Robert Hall

zf

Participant

April 8, 2015 at 14:33

Hi Guys,

I currently have on the theme a bold option to display which ever current menu the user is on.
Using the code below:

.menu .nav-sublist-dropdown ul > li.current-menu-item >a{
color:#00457c !important;
font-weight: bold !important;
}

.menu > li.current-menu-item > a {
color:#00457c !important;
font-weight: bold !important;
}

—

However I need to figure out the ffg scenario if possible
When a user clicks on a child menu it goes bold. How would i get the parent menu to be bold at the same time aswell..

So for example

Service (Parent, non click able) (Needs to be bold)
Service 1 (Current Child click able) (Needs to be bold)
Service 2 (Child click able)
Service 3 (Child click able)

Thank You

Z

#55655 Copied

4 Answers
Robert Hall

Participant

April 8, 2015 at 15:27
Hello,

I’ve added this code in custom.css file. Please clean your cache and check it.

.menu .nav-sublist-dropdown ul > li.current-menu-item >a, .menu >li.current_page_ancestor >a{ color:#00457c !important; font-weight: bold !important; }

Regards,
Robert Hall.
#55673 Copied
zf

Participant

April 9, 2015 at 07:18

Hi Robert, iv tried this and it does not seem to be working. Will send through a screenshot so you can have an idea of what im trying to achieve.

Thanks

Z

#55813 Copied

zf

Participant

April 9, 2015 at 07:41

Hi Robert,

Please see attached screenshot. Thanks for the excellent service thus far.

http://prntscr.com/6rhdsd

Z

#55826 Copied
Robert Hall

Participant

April 9, 2015 at 08:09
I’ve replaced code above for this:

.menu .nav-sublist-dropdown ul > li.current-menu-item >a, li.current-menu-ancestor > a{ color:#00457c !important; font-weight: bold !important; }

Please check it now.

Regards,
Robert Hall.
#55833 Copied
Tagged: current menu active, modern design, responsive, seo friendly, woocommerce themes, wordpress
Viewing 5 results - 1 through 5 (of 5 total)