[Resolved] The menu main point is not highlighted when the visitor is on a submenu page.

  • Author
    Posts
  • #6389

    4system
    Participant

    The menu main point is not highlighted when the visitor is on a submenu page. How can I change this?

    #6390

    Andrew Misplon
    Keymaster

    Hi 🙂

    Add the following to your own Custom CSS plugin or Customize > Additional CSS

    /* Menu */
    .main-navigation ul li.current-menu-parent a {
    	color: red;
    }

    Change the value red to your hexadecimal color value required.

    #6391

    4system
    Participant

    Thanks, now it works but now every sub-menu page is also highlighted and not just the one the visitor is on. Can this be improved?

    #6392

    Andrew Misplon
    Keymaster

    Sure, moment…

    #6393

    Andrew Misplon
    Keymaster

    How about:

    /* Menu */
    .main-navigation ul li.current-menu-parent > a {
    	color: red;
    }
    #6394

    4system
    Participant

    Thanks, this is much better, but now the submenu page is not highlighted. It would be perfect if the visited sub-menu page is also highlighted.

    #6395

    Andrew Misplon
    Keymaster

    This shouldn’t have any effect on the sub-menu page, that should still be highlighted. Please, send a link to your site. Thanks.

    #6396

    4system
    Participant

    You’re right. It was not displayed in Customizer only. When I left it, it worked.
    Thanks for the quick help. 🙂

    #6397

    Andrew Misplon
    Keymaster

    Thanks for checking. To help with one page layouts the current class is being added with JS so, unfortunately, it won’t show in the Customizer.

    All the best 🙂

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Scroll to top