Jump to content


Photo
- - - - -

JQuery Vertical Mega Menu Widget


  • Please log in to reply
14 replies to this topic

#1 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 01:14 PM

On the page below, I have introduced a vertical menu using the JQuery Vertical Mega Menu Widget.

Please Login or Register to see this Hidden Content



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:

Please Login or Register to see this Hidden Content

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

Many thanks,

Phil

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 05:04 PM

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.

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 07:58 PM

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

#4 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 08:00 PM

@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:

Please Login or Register to see this Hidden Content



I would like to know how to change the sidebar's overflow setting from hidden to visible.

Using

Please Login or Register to see this Hidden Content

doesn't seem to work.

Phil

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 08:04 PM

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.

#6 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 16 July 2012 - 08:10 PM

Use

Please Login or Register to see this Hidden Content



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 08:33 PM

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.

#8 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 08:34 PM

@rangelone: On the plugin message boards, someone using Platform Pro has the same issue as me and this is the response they got:

Check your theme??™s style sheet for any overflow:hidden CSS rules that may be hiding the sub-menus

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

#9 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 08:38 PM

@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

#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 08:39 PM

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.

#11 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 08:42 PM

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.

#12 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 16 July 2012 - 08:53 PM

The css does work

Please Login or Register to see this Hidden Content



#13 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 08:56 PM

@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

#14 phil_chandler

phil_chandler

    Member

  • Members
  • PipPip
  • 15 posts
  • Framework Version:2.0
  • Country: Country Flag

Posted 16 July 2012 - 09:03 PM

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

#15 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 July 2012 - 09:28 PM

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.