Conflict with Scrolling Menu

  • Resolved wp-boffin

    (@wp-boffin)


    10 years, 5 months ago

    I installed this plugin in a responsive WP theme and it works PERFECTLY for desktop type sizes/resolutions. However, for screen sizes typical of tablets and smaller, the WP theme transitions from a fixed menu bar to a click activated scrolling menu.

    The problem that I have encountered is that the menu closes after scrolling open. I have the following options selected (checked) in the compatibility settings.

    (1) “Auto fix widget id”

    (2) “Use jQuery(window).load() hook”

    Unfortunately, the latter option does not resolve the problem. Here’s the URL to the webpage that illustrates the problem:

    BTW–I confirmed that the scrolling menu works fine, when the plugin is deactivated.

    Would appreciate help and suggestions on how to fix the scrolling menu issue.

    Thank you

    https://www.ads-software.com/plugins/q2w3-fixed-widget/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Contributor Max Bond

    (@max-bond)

    Hi!

    Try to disable Refresh Interval option (set it to 0).
    If no change, disable plugin for mobile devices (use Screen Max Width option, set it to 800 or less)

    Thread Starter wp-boffin

    (@wp-boffin)

    Hi Max:

    Thanks for the suggestions. I set the refresh interval to the minimum value and set the max width to 1025px. However, these changes did not resolve the conflict with the scrolling menu.

    Just for grins, I tried enabling the “Inherit widget width from the parent container” option, but no luck.

    Interestingly, the conflict only happens on those pages where the widget (MailChimp for WordPress Lite) is present. Any way to generate debug output that might be helpful in developing a fix?

    Let me know if you have any other suggestions that I can try.

    Thanks for your help.

    Plugin Contributor Max Bond

    (@max-bond)

    Well max width = 1025px is too much! It will not affect mobile devices.
    If you don’t know which value to use, check your theme style.css file.
    There you’ll find breakpoints. They look like:
    @media screen and (max-width: 480px) {

    Thread Starter wp-boffin

    (@wp-boffin)

    The premium WP theme that I’m using switches the primary horizontal menu to a vertical scrolling mobile/tablet menu at a width of 1025px. Setting the fixed widget disable max-width 800px or less is what triggers the problem, because the sticky widget is active while the theme vertical scrolling menu is active.

    The developers (Sketchthemes.com) of the premium WP theme took a look at the javascript for their theme’s vertical scrolling menu and confirmed that its working correctly. They believe the conflict is created by the sticky widget plugin javascript.

    Could you take a look at the javascript for the theme’s vertical scrolling menu to see if you can identify/resolve the conflict? If so, I can provide the js file or give you FTP access to theme and files.

    Thanks for your patience and help.

    Plugin Contributor Max Bond

    (@max-bond)

    Can you give a link to your site?

    Thread Starter wp-boffin

    (@wp-boffin)

    Thank you Max for taking look at this scrolling menu issue.

    Here’s the link to my WP website; take a look at my About page, where the Q2W3 fixed widget is used.

    https://webtek-savvy.com/about/

    Plugin Contributor Max Bond

    (@max-bond)

    Ok!
    Now you need to disable Refresh Interval option (set it to 0)!

    Thread Starter wp-boffin

    (@wp-boffin)

    The widget_display_callback hook priority is set to 1. I don’t see a way to set it to 0.

    Plugin Contributor Max Bond

    (@max-bond)

    I am talking about “Refresh Interval” option, not “widget_display_callback hook priority”. “Refresh Interval” has a text field, you can input any value there

    Thread Starter wp-boffin

    (@wp-boffin)

    I set to 0 — and this appears to fully resolve the problem. FANTASTIC. Thank you so much.

    I will make a donation to your plugin.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Conflict with Scrolling Menu’ is closed to new replies.