• 0
Sign in to follow this  
Followers 0

JQuery Vertical Mega Menu Widget

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

14 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

@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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0