Stop second level menu collapsing

[cheltenhammedia]

Hi there, is it possible to stop the second level menus from collapsing when a user select a sub page, when the menu collpases the user does then really know what page they are on. A breadcrumb widget could work but we wanted the menu to stay fixed whilst it is selected.

Regards

Anthony

[Bill Robbins]

Anthony,

Thank you for your business first of all. You can do that. Here’s how:

1. Go to the theme options page and select the styling tab.
2. At the top of the page, select “yes” to include custom styling.
3. Scroll down to the “Custom CSS” box and paste this into it:

   
   aside.sidebar nav li.current-menu-item ul,
   aside.sidebar nav li.current-menu-parent ul {
   	display: block !important;
   	top: 10px !important;
   	left: 10px !important;
   }
   
   aside.sidebar nav li.current-menu-item ul li,
   aside.sidebar nav li.current-menu-parent ul li {
   	visibility: visible;
   }
   

4. Update your settings.

That should leave the sub-menu items open below the current page and when you’re viewing a sub-page.

If you have any questions or trouble, let me know,
Bill

[cheltenhammedia]

Cheers Bill, you life savers, this worked a dream!

Many thanks

Anthony

[Derrick Brown]

Hey Bill, i’m not sure if i’m having this same problem or not, but wanted to say, when I make pages and add them to the menu under apperance, they merge together, is there a way we can separate that to go right underneath eachother as i add more pages for the menu. I like to keep my slider for the sub pages when your selecting it. thanks bill.

[Bill Robbins]

Derrick,

Could you send over a link to where you’re working with this so I can take a closer look for you?

Thanks,
Bill

[Derrick Brown]

No problem!

emailed you the link

[Bill Robbins]

If you’re using version 2.0+ of Foxy, this is still possible, but the code has changed just a bit:

div#sidebar nav li.current-menu-item ul,
div#sidebar nav li.current-menu-parent ul {
	display: block !important;
	top: 10px !important;
	left: 10px !important;
}

div#sidebar nav li.current-menu-item ul li,
div#sidebar nav li.current-menu-parent ul li {
	visibility: visible;
}

[cheltenhammedia]

Hi Bill,

Since updating to version 2.0.3 of foxy the clients menu has started acting odd. The categories no longer expand and the sub-categories do not show until your mouse is over them…

I have chaged the coding to reflect the changes you mentioned on 11 July 2013 (above) but it is still not working:

aside.sidebar

changed to

div#sidebar

any advice?

[Bill Robbins]

It looks like you’re having a bit of jQuery trouble. The lightbox that’s bundled with the theme is having some trouble with the version of jQuery that’s included with WordPress 3.6. The new version that’s included is 1.10.2, but the lightbox is thinking that 1.10 = 1.1 which is too old to work with.

The menu is jQuery powered in the theme so without it working, the menu operate properly.

I made a quick plugin to switch back to the earlier version of jQuery used in WordPress 3.5.2. You can download it here to use it.

I’ve also updated the lightbox script so that it works, but I need to test it a bit more before an update is released to the themes. It’ll probably be Tuesday before that happens.

If you run into any trouble, let me know,
Bill

[Author]

Posts