“Read more” links in testimonial slider don’t work on mobile?

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 5 years, 9 months ago by Nabha Cosley. 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 5 years, 9 months ago by Nabha Cosley. 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.

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!

• This reply was modified 5 years, 3 months ago by awisechoicecomm.

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