custom menus in sidebar widget

• 

  vanguardhq · Member · Aug 11, 2015 at 12:35 pm

  • Copy link
  • Add topic to favorites

  Hello!

  We have some pages with animations on them, eg this one: http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/bringing-telephone-work-home/ & x10 other pages like this one.

  Is it possible when you are on this page (& the others 10 like it) for us to show in our sidebar custom menu widget that you are in the ‘Sub-optimisation’ section? Can the ‘Sub-optimisation’ link turn green?

  In our WP admin, these x11 pages are children of the ‘Examples of Sub-Optimisation’ page (that displays as ‘Sub-Optimisation’ in the custom menu in the sidebar widget).

  Many thanks
  Sarah :)

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 11, 2015 at 8:04 pm

  • Copy link

  You can create Custom Menus for each of the sidebar Custom Menu Widgets and then use the Widget Visibility feature to set each of them to show only on the appropriate page(s).

• 

  vanguardtestuser · Member · Aug 12, 2015 at 12:10 pm

  • Copy link

  Hi

  Thanks for your response, I’ve read through the links but I’m still not understanding what I need to do!

  This page: http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/ is our intro to our ‘sub-optimisation’ section. On it, we have a list of x11 links (in the grey box) to pages with animations on them.

  When you are on this intro page: http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/ , you previously helped us with some CSS that handily shows the user where they are in the overall content on our site. The ‘Sub-optimisation’ bullet point in the side bar widget is green. We like this a lot.

  When you click on one of the links in the grey box and view a page with an animation on, I’d like for the ‘sub-optimisation’ bullet point in the right hand site menu to still be green (indicating that you are still in the ‘sub-optimisation’ section). From an animation page, such as this one: http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/quotations-as-a-system/ the ‘sub-optimisation’ link is not green, it’s red. We would like it if it was green.

  We would also like it that if you are on an animation page (e.g http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/quotations-as-a-system/ ) and click on the green ‘sub-optimisation’ link, you are taken back to the intro page (this one: http://vanguard-method.net/the-vanguard-method-and-systems-thinking/examples-of-sub-optimisation/ ).

  I’m having difficulty getting the ‘sub-optimisation’ link to stay green when you click on any of the x11 pages with animations on them. The animation pages are currently children pages of the parent intro page.

  What am I missing?
  Many thanks
  Sarah :)

• 

  thesacredpath · Member · Aug 13, 2015 at 9:48 pm

  • Copy link

  Give this a try to set the ancestor page menu item to green.

  .sub-menu .current-page-ancestor > a {
      color: #3d5;
  }

  Make sure and click around and see if it causes any issues. I tried several pages and it seems to work fine for me. Just make sure I didn’t miss something.

• 

  vanguardhq · Member · Aug 14, 2015 at 7:48 am

  • Copy link

  Thank you so much – we’ve applied the code and this seems to be doing what we need. We’ll check more of the pages, but all good so far.

  Sarah :)

• 

  thesacredpath · Member · Aug 14, 2015 at 8:37 am

  • Copy link

  Hooray Sarah, and you are welcome.