[tbingelParticipant]

Hi,
This morning I was working on some sliders which I have created with the previous version of Slider Revolution and my slides started become erratic and not rendering the images on my Samsung Tablet S2 and Sony Z3 Compact phone during testing.
I have tried the default browsers on those devices (since they are based on Chrome core I assume) and they did not work on them, too.
Later, slides started to appear on my Chrome browser on Windows 10 PC the same. Empty images and non-functional links etc. They were fine on Edge and IE 11.
I have cleared my Chrome browser cache and it did not help.
I went for a coffee for half an hour leaving my PC as it was and slider was working fine on Chrome again when I came back?!!
Currently those slides are loading without images and with a confused layout on Android devices.
I have checked images which I have used on this particular slider and noticed that the image resolution was 96 dpi instead of 72 dpi of other sliders which are working fine.
Could this resolution thing be the culprit?
Thank you.

[DarshanaModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[tbingelParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Would you mind providing a screenshot of the slider you are referring to?

Thanks

Joao

[tbingelParticipant]

This reply has been marked as private.

[tbingelParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Thank you for the screenshots. I can see the issue on real mobile.
Can you check this thread:https://community.theme.co/forums/topic/image-layer-in-revolution-slider-not-showing-on-mobile/.

Do let us know how this goes.

[tbingelParticipant]

Hi,
I have read the thread you suggested.
I did not understand the actual solution. The client says that he or she remade the whole slide from scratch as a hero scene instead of a regular slide.
My problem is that all things were working just fine with all the same visuals, text, layout etc. and it started to misbehave after I changed breakpoints for all four device resolutions in the main settings.
I have reverted back when this problem occurred and it did not cure the problem.
I have used a pre-built template made by the developers of Slider Revolution which was confirmed working with my version of X Theme.
So, are you suggesting that I should re build a new slider from scratch? What was the actual solution in that thread?
Thanks.

[tbingelParticipant]

Hi,
I have changed image resolutions to 72 dpi with no change in behavior.

[RadModerator]

Hi there,

Maybe it’s due to browser cache? It’s perfectly working on my end. And it has nothing to do with DPI.

Have you tried on other devices?

Thanks!

[tbingelParticipant]

Hi,
do you mean the cache on desktop browsers?
Desktop environment is not a problem.
Slider does not work on Android mobile devices. I have tried on four different devices with the same result:
images are loaded since I have disabled the lazy load feature, but beyond that nothing is working. Cannot scroll the page from within the slider, cannot tap the links embedded on the images etc.
Could you please do check the problem on Android devices?
Thank you.

[RadModerator]

Hi there,

Yes, I did, please check the attached screenshot.

It’s perfectly working on the tablet too. Are you testing on simulation mode and not on actual device?

Thanks!

[tbingelParticipant]

Interesting.
I am testing the actual pages and slides on different devices.
Could you please tap on one of the links and advance to the target slide?
You see, I have cleared my browser caches on all three devices and it still doesn’t work on my end.
Let me confirm that the navigation works on your device to eliminate the obsolete possibilities.
Thank you.

[RadModerator]

Hi there,

It’s not navigating to single post, it just scrolls but it renders okay. It’s because the links are bind with ID such as #discover and it’s treated as the one-page scroll.

Please add this code to Admin > Appearance > Customizer > Custom > Javascript. Or much better, add this on your slider’s custom javascript so it will run upon slider’s load.

jQuery( function( $ ) {

$(document).ready( function() {

setTimeout( function() {
$('a.tp-rs-menulink').off('touchstart touchend');
}, 300 );

} );

} );

Hope this helps.

[tbingelParticipant]

Thank you very much Rad.
Working perfectly now.

[Author]

Posts