-
Posts
-
Hi,
how can I show the “arrow line” below the menu always?
Please take a look at the demo theme:
here we have the “arrow line”, it’s first level page:
http://kriesi.at/themes/enfold/headers/?skin=Boxed%20Blue
“About us” is a child of “pages” here:
http://kriesi.at/themes/enfold/pages/about-us/?skin=Boxed%20Blue
and has no “arrow line”:
How can I have that “arrow line” on all levels, even child- and grandchild-pages – and I don’t want to change all my pages to “first level pages”, but keep the page hierarchy “as is”, so that the breadcrumbs keep being alright, too.
Thanks.
Hey,
You can add this on your custom.css or Quick CSS:
.current-page-ancestor.current-menu-ancestor .avia-menu-fx {
visibility: visible;
opacity: 1;
display: block;
bottom: 0;
}
.current-page-ancestor.current-menu-ancestor .avia-menu-fx .avia-arrow-wrap {
visibility: visible;
opacity: 1;
display: block;
top: -10px;
}Regards,
Ismael
thanks, but on grandchild pages, I still haven’t it – only on child pages.
How can I modify it, to show it on really all pages, grandchild pages, too?
Thanks.
Hi,
I’m not sure if there such thing as “grandchild pages css selector” on wordpress.
Instead of “.current-page-ancestor.current-menu-ancestor”, try using “.active-parent-item”.
Regards,
Ismael
thanks, but I have just found the right code
/* Displaying the line below main nav element when current page is level 3+ */
.current-page-ancestor a > .avia-menu-fx {visibility: visible;opacity: 1;}
.current-page-ancestor a > .avia-menu-fx .avia-arrow-wrap {overflow: hidden;display: block;}
here
https://kriesi.at/support/topic/custom-css-for-your-pleasure
- The topic ‘How to always show the "arrow line" below the menu – on child pages, too’ is closed to new replies.