Support » Plugin: Strong Testimonials » “Read more” links in testimonial slider don’t work on mobile?

  • Resolved Nabha

    (@nabha)


    Hi there,

    Thanks for making this plugin and sharing it so freely. It is working great, except for this problem:

    On mobile — the iPhone 7 Plus and iPhone X that my wife and I both have, in Firefox and Safari — tapping on the “Read More” link in a testimonial doesn’t do anything.

    Actually, it works fine for the first few seconds the site is loading, presumably until the JS for Strong Testimonials has loaded.

    You can see this on this page:
    http://nevadacitydoula.org/

    … and on this one with only the testimonial slider:
    http://nevadacitydoula.org/test-2/

    Chrome is a good way to test this on a desktop computer (when it’s in mobile-emulation mode) since I see the same thing there.

    What do you think?

    Thanks!
    Nabha

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Whoops, an update: it looks like it’s a problem with Cornerstone by Theme.co — when I deactivate that plugin, everything seems to work.

    I mean, the testimonials work. Nothing else does πŸ™‚

    OK, one more update. The plot thickens. πŸ™‚

    We’re using the Modern theme. If I change the template from this:

    <div class=”strong-view …

    To this:

    <div class=”asdf-strong-view …

    … the links work. So granted that there’s a Cornerstone conflict, it’s also true that just changing this class name fixes the problem.

    Of course it breaks all the CSS and JS too. But it means that there’s likely a solution that could be had within the Strong Testimonials plugin itself.

    Anyway, hope that helps to know. Thanks!

    • This reply was modified 1 year, 9 months ago by Nabha. Reason: Minor clarification in code

    OK, I think this is my final post for now. Really.

    The issue is in strongslider.js. There are three places I can comment out e.preventDefault() and e.stopPropagation() to make it work:

    1. Line 1438 in onTouchMove()

    
          if (e.type !== 'touchmove') {
    //         e.preventDefault();
          }
    

    2. Line 1351 near the top of touchStart()

    3. Line 1356-7, also in touchStart():

    
          if (slider.working) {
    //         e.preventDefault();
    //         e.stopPropagation(); // for compatibility with WordPress themes
            slider.controls.el.removeClass('disabled');
          }
    

    All three places seem to be required to comment out.

    Anyway, obviously this is catching clicks on the readmore link (in mobile browsers only β€” even desktop emulation through Chrome doesn’t seem to have the problem for me anymore) when it isn’t supposed to.

    Happy to help test anything if you like.

    • This reply was modified 1 year, 9 months ago by Nabha. Reason: Minor: Clarifying what desktop emulation meant

    Well, you know what β€” that wasn’t quite true. There are other places where e.preventDefault() or e.stopPropagation() also interfere. I don’t think I can keep trying to figure it out at the moment, though.

    For our purposes we can actually keep the preventDefault() in clickPagerBind() enabled, and comment it out everywhere else — and that works.

    Plugin Support mplusb

    (@mplusb)

    Hello @nabha,

    Thank you for reaching out and for your feedback!
    Happy to hear you found a solution that works, great job.
    We will try and test out the plugin with Cornerstone by Theme.co and see if we can find the issue and fix it in one of our next updates.

    Thank you for being so patient,
    Mihaela

    Hi @mplusb,

    I, too, have discovered a problem with “read more” expand-in-place links not working consistently on mobile while working just fine on desktop. I am running ST version 2.39.2. Specifically:

    • The problem seems to be with the “Display” view; the slideshow view “read more” expand-in-place works as expected on mobile.
    • If I switch to linking my display view “read mores” to full testimonials, those links perform as expected on mobile.
    • I tried all 4 layouts for my display view – normal, Masonry, columns, and grid – but it didn’t make any difference. The “read more” expand-in-place didn’t work for any layout in the display view on mobile.
    • I tested with an iPhone 6, using both Chrome and Safari. This was actually brought to my attention by one of my client’s clients. I don’t know what kind of phone she was using when she discovered she couldn’t expand the testimonials.
    • Here is a link to the page where this is occurring > https://www.nadahogan.com/epic-life-stories/.

      I included a slideshow view spanning the page at the top, then the display view in Masonry layout just below it. Assuming you can replicate the problem on your end, you should notice that the “read more” expands correctly in mobile for the slider view, but does nothing in the display view.

      My theme is GeneratePress, and I’m using Elementor Pro. Thanks in advance for any help you can provide!

    Hi @mplusb – Just wondering if you have a response to my query about the mobile “read more” issue I’m experiencing? Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘“Read more” links in testimonial slider don’t work on mobile?’ is closed to new replies.