Docs

[teoszelee]

I have referred to this thread

https://community.theme.co/forums/topic/ethos-menu-highlighting-sub-pages-possible/

and able the make the Blog menu item highlighted (change color) when it’s single post.

/* Highlight Blog Menu for Single Blog Post */
.blog .x-navbar #menu-item-10555 > a,
.archive:not(.post-type-archive-x-portfolio) .x-navbar #menu-item-10555 > a,
.single-post .x-navbar #menu-item-10555 > a{
color: #C32148;
}

My problem is I do not know how to get the underline effect.

[teoszelee]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in and clarifying in details. You can add this as well :

.blog .x-navbar #menu-item-10555 > a > span , .archive:not(.post-type-archive-x-portfolio) .x-navbar #menu-item-10555 > a > span , .single-post .x-navbar #menu-item-10555 > a > span {
  box-shadow: 0 2px 0 0 rgb(195, 33, 72);
}

Hope this helps.

Cheers!

[teoszelee]

That works great! Thanks!

One more request, I am having the similar problem for my portfolio children page.

Now if the submenu item for children is enabled, I can make the parent menu item active through JS.

But I do not want to enable the submenu item. Is there anyway to still make the parent menu item visible?

[teoszelee]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code :

.current-page-ancestor a span {
    box-shadow: 0 2px 0 0 rgb(195,33,72);
    color: rgb(195,33,72);
}

Thanks.

[Author]

Posts