JQuery Vertical Mega Menu Widget

[phil_chandler 0]

On the page below, I have introduced a vertical menu using the JQuery Vertical Mega Menu Widget. http://www.selvinfluidpower.com/test/enerpac/ However, when rolling over the menu, it appears that the submenu that is supposed to flyout is hidden by the content on the rest of the page. I've tried using:

#sidebar1 #sidebar2 {overflow: visible !important}

Which doesn't seem to work. Any help / guidance would be much appreciated! Many thanks, Phil

[Rob 547]

Phil, I'd suggest asking for support from the plugin author first. We're not interfering with the plugin's functionality, however, it may have a jQuery conflict with our version. Check our version by viewing the page source when writing to the plugin author.

[Rob 547]

Well, I'm not sure why you rejected my reply. Could you elaborate?

[phil_chandler 0]

@rangelone: Thanks for your reply. I've looked at the plugin website and the advice given is to make sure the sidebar's overflow setting should not be set to 'hidden'. I think the plugin works ok on my site, the flyout menu is cut-off where it disappears behind the page. Check the link and you will see: [url]http://www.selvinfluidpower.com/test/enerpac/[/url] I would like to know how to change the sidebar's overflow setting from hidden to visible. Using [code]#sidebar1 #sidebar2 {overflow: visible !important}[/code] doesn't seem to work. Phil

[Rob 547]

Phil, Flyouts work on PageLines. The reason I suggested writing the author was that two things could affect it... one is the z-index (unlikely) and the other is the jQuery. We have a particular version loaded. if the plugin uses a different one it can cause things to malfunction. I understand the overflow CSS, but since it's not working, then obviously there's another issue at hand.

[Simon 248]

Use [code]#sidebar1, #sidebar2 {overflow: visible !important}[/code]

[Rob 547]

I've tested the plugin on my own site and it doesn't work. I added the CSS you suggested... checked the widget with all variables possible and found it's simply not compatible. Additionally, I tested it in Twenty-Ten (the WP default theme) and it did not function there either. Clearly, this isn't a PageLines issue. It's limited to the plugin itself.

[phil_chandler 0]

@rangelone: On the plugin message boards, someone using Platform Pro has the same issue as me and this is the response they got: [quote]Check your theme??™s style sheet for any overflow:hidden CSS rules that may be hiding the sub-menus[/quote] It doesn't look like the plugin author responds particularly quickly, so I am persevering here... am I right in assuming I've got the CSS correct - there are no other settings I should change? Which version of jQuery does Pagelines use? Many thanks, Phil

[phil_chandler 0]

@rangelone: looks like our messages crossed... @simon: I've tried that... Should I assume that this plugin is incompatible with pagelines? Am yet to be convinced and don't want to admit defeat just yet... Phil

[Rob 547]

Simon added the corrected CSS. Still the plugin does not work in the WP default theme, so it's not PageLines or PlatformPro or any child theme of ours. Unfortunately, we can't support a 3rd party plugin that doesn't work in the WP default. That's an absolutely clear message that the plugin has issues. I'd suggest finding a replacement or just waiting to hear back.

[Rob 547]

Phil, just do two things... go to Dashboard > Appearance > Themes and activate Twenty Ten. Go then to Appearance > Menus and make sure your primary menu is selected and saved. View the site and see if the plugin works. If it doesn't then it's time to say the plugin isn't compatible. That's hardly a defeat. Its a win. Can you imagine having it live on your site and breaking later? That would be a defeat.

[Simon 248]

The css does work http://screencast.com/t/xy3yGsEvF

[phil_chandler 0]

@rangelone: Point taken - thanks for your help and yes it does look like the plugin has 'issues' - on another note it would have helped my understanding if you'd told me I had the correct CSS in the first place! Phil

[phil_chandler 0]

@rangelone: There wasn't the comma in my CSS - which I don't spot. @Simon Thank you very much. Phil

[Rob 547]

Phil, apologies, I'm not a CSS expert, but as an odd coincidence, I did think about the missing comma, then thought to test the alternate theme. When I saw the plugin wasn't working there, it just seemed the comma wouldn't make much difference. Simon replied with that correction while I was setting up the test in Framework and Twenty Ten. Please accept one of our answers if this is resolved and thanks for your patience.