Current Menu Active - by zf - on WordPress WooCommerce support

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

  • Avatar: zf
    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

    4 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

    Avatar: zf
    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

    Avatar: zf
    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

    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.