Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 15, 2017 at 1:06 am #761066
    mterrian

    Hello, you keepers of the greatest theme ever :)
    I am sure there must be someone who has asked this before, but I’ve searched and can’t seem to find anything. It’s hard to explain, but (I think) an easy CSS thing

    My site, like most sites, has main pages that are in the menu, and then child pages that drop down. Rough example:
    ABOUT <— Parent page
    …..TEAM <—Child page
    etc

    When someone visits ABOUT in this case, the word About in the main menu displays in the “active page” color, a blue.
    But I would like the menu to *also* display ABOUT in that active page blue color when someone is viewing its child page TEAM.

    Is there a way to make that happen magically in CSS? Have the menu on child pages display their parent in the “active page” color?

    Thanks for any guidance
    M

    March 15, 2017 at 8:14 am #761201
    Jordan Shannon

    Hey mterrian,

    Please try adding this to quick css:

    #top .active-parent-item .avia-menu-fx .avia-arrow-wrap, #top .active-parent-item .avia-menu-fx{
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}

    Best regards,
    Jordan Shannon

    March 15, 2017 at 4:16 pm #761472
    mterrian

    Hi Jordan, thanks but that’s not really what I’m after.

    That shows the menu effect – the blue underline – but doesn’t color the parent page menu item ITSELF blue when viewing a child page. When viewing About (parent) >> Team (child) as an example, I still want “About” itself in the main menu to be shown in the active page color.

    Any other ideas on how to do that?

    March 15, 2017 at 5:11 pm #761510
    Jordan Shannon

    Hi,

    Can you please provide admin info so that I can look into this further.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.