Slider broken on mobile devices

  • Resolved Devomo

    (@devfirst)


    2 years, 3 months ago

    Hi there,

    Thanks for this useful plugin. I’m running into an issue though. On mobile devices, the reviews slider seems to be broken. Please take a look at the link I provided. The reviews all show next to each other and are very narrow, instead of showing one review at a time in full width. Is this due to the site it’s on? Or is it a bug in the plugin?

    The issue can be reproduced in Safari or Firefox on desktop by using the responsive design view. The issue does not occur in Chrome.

    Thanks in advance for taking a look!

    Regards,
    Wiegert

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author richplugins

    (@richplugins)

    Hi @devfirst,

    I have tested this on several iPhones (SE2, 11, 13 Pro) and all looks great, please see the demo screenshot:

    Thanks!

    • This reply was modified 2 years, 3 months ago by richplugins.
    • This reply was modified 2 years, 3 months ago by richplugins.
    Thread Starter Devomo

    (@devfirst)

    Hi @richplugins, thanks for the reply. For me it was still broken, so I debugged the issue.

    Turns out there was a conflict between your plugin and the SiteGround Optimizer plugin. The .grw-row container has a size class that is dynamically applied to it via JavaScript. The script responsible for this was broken due to SG Optimizer’s optimizations. It works in Chrome, but not in (my version of) Safari, and apparently not in my customer’s version either.

    Anyway, I excluded you plugin’s script from being minified and combined by the SG Optimizer plugin, and everything works fine now.

    Hope this helps someone in the future.

    Plugin Author richplugins

    (@richplugins)

    Hi @devfirst,

    It’s great, thank you for let us know.

    However, I cheeked this issue in Safari on our several test iPhones.

    If you write some little instruction, how you exclude this on a SiteGround site, it will be really cook for all other users!

    Thanks!

    Thread Starter Devomo

    (@devfirst)

    @richplugins happy to help.

    If you have SiteGround Optimizer installed on your site, go to SG Optimizer > Front-end. Once you arrive there, click the JavaScript tab. You will see a bunch of controls there.

    First, click the pen icon next to ‘Exclude from JavaScript Minification’. You will see a pop up with a dropdown menu. From that dropdown menu, select the script of which the name starts with /plugins/widget-google-reviews/... and click Confirm.

    Repeat the step for ‘Exclude from JavaScript combination’ and you should be good to go.

    Plugin Author richplugins

    (@richplugins)

    Hi @devfirst,

    Thank you very much!
    We will add this to our FAQ page.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider broken on mobile devices’ is closed to new replies.