- This topic has 8 replies, 2 voices, and was last updated 7 years, 5 months ago by Andrew Misplon.
- AuthorPosts
- April 26, 2017 at 11:52 am #6389
4systemParticipantThe menu main point is not highlighted when the visitor is on a submenu page. How can I change this?
April 26, 2017 at 12:16 pm #6390
Andrew MisplonKeymasterHi 🙂
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.April 26, 2017 at 12:27 pm #6391
4systemParticipantThanks, 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?
April 26, 2017 at 12:32 pm #6392
Andrew MisplonKeymasterSure, moment…
April 26, 2017 at 12:33 pm #6393
Andrew MisplonKeymasterHow about:
/* Menu */ .main-navigation ul li.current-menu-parent > a { color: red; }
April 26, 2017 at 12:52 pm #6394
4systemParticipantThanks, 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.
April 26, 2017 at 12:55 pm #6395
Andrew MisplonKeymasterThis shouldn’t have any effect on the sub-menu page, that should still be highlighted. Please, send a link to your site. Thanks.
April 26, 2017 at 1:05 pm #6396
4systemParticipantYou’re right. It was not displayed in Customizer only. When I left it, it worked.
Thanks for the quick help. 🙂April 26, 2017 at 1:07 pm #6397
Andrew MisplonKeymasterThanks 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 🙂
- AuthorPosts
You must be logged in to reply to this topic.