Mobile Fullscreen Slider problems: text not visible & Continuous Horizontal not working

[Georges]

Hello Lay Theme Crew,

Take 2: my post five minutes ago completely disappeared.

I'm having two problems with Fullscreen Slider on mobile that I hope you can help me with.

Test page: https://www.practise.co.uk/test
Viewing on Mobile Safari, iOS 13.3.1, iPhone XS

1
Text boxes not visible
Using "Phone Layout", setting images as "Row Image Background", and each row as “Use Browser Height for Row Height”, I then add a text box, set "Align Bottom". Checking the page on my phone, I can't find any way to make the text box visible. It just completely disappears. I'm trying to have base-aligned caption texts, like the desktop version of this page.

2
Continuous Horizontal not working
Again, checking the page on my phone, I have three rows (slides) for this test page, and the slider stops at the third slide. It won't proceed back to the first slide, in spite of having “ Continuous Horizontal” ticked in “Lay Options > Fullscreen Slider Addon”.

I've been stuck on these two issues for quite a while. My current homepage uses a Carousel, but I don't like how the page bounces up and down on mobile, hence my desire to use a Fullscreen Slider...

Big thanks for your help.

[mariusjopen]

Dear @Georges
Do you have any third-party plugins installed or CUSTOM JS code? Is it possible to deactivate it for a moment to see if the problem remains?

Marius

[Georges]

Hi Marius,

Good points, thanks for your response. But I tried deactivating each plug-in one at a time (just basic ones: Akismet, Duplicator, Jetpack, and UpdraftPlus), no change. The only JS code I have throughout the entire install is for Google Analytics, which I also tried taking out. Still no text visible, and still no “Continuous Horizontal”...

G

[A Former User]

Hi @mariusjopen,

We also have the same problem, will love to have your help on that.
Thanks in advance!

[A Former User]

Hey @mariusjopen ,

Thanks for the update, it solved the first part of the problem on mobile, but only on Safari not google chrome.

Also, the second problem that @Georges mention is still the same. Indeed the continuous horizontal does not work on mobile (chrome and safari). On the desktop, when you click on the last slide (with the fading option activated), there is not a fading animation, it jumps brutally to the first slide.

Many thanks for you help and for developing laytheme!

[Georges]

@AStudio Can you clarify what exactly solved the invisible text problem for you?

[Georges]

Well ok! I just updated to 2.9.8, and bingo, the text captions now show up on mobile in Fullscreen Slider. Problem 1 solved! (Removal of any JS or plug-ins not necessary)

Now, “Continuous Horizontal”, which, like @AStudio, still stops at the final slide rather than looping back to the first.

Your move, @mariusjopen!

[mariusjopen]

Dear @Georges
on mobile right now all your images are underneath each other.

Best!

Marius

[Georges]

@mariusjopen I've moved on from the test page now, since the text box issue was fixed I'm now live with my updated homepage https://www.practise.co.uk

"Continuous Horizontal" continues to be broken on mobile... I hope you can help?

[mariusjopen]

Dear @Georges
ok, the carousel works on mobile basically.
But the images fade in in a weird way and it does not continue with the first slide, once the last slide is reached.
That's the issue, right?

Best!

Marius

[Georges]

Hi @mariusjopen

It's Fullscreen Slider we're talking about here, not the Carousel add-on. Slider on mobile is working fine, text boxes are now visible when placed in a row with image set as background.

The remaining problem is “Continuous Horizontal” with Fullscreen Slider on mobile. Even though it's turned on, it doesn't work. When you swipe through all the slides (rows), it stops at the end, it doesn't slide through to the first slide again, as expected (and as it works on desktop).

Hope you can fix it!

Big thanks.

[mariusjopen]

Dear @Georges
ok. We will have a closer look!

Thank you!

Marius

[Georges]

Thanks @mariusjopen!

[arminunruh]

Hey everybody, thanks for waiting for me.

Actually Continuous Horizontal does not work for mobile and never will. Please use the carousel addon instead if you want to do something like that. I will add an explanation text for this to the fullscreen slider options.

With the carousel addon you can also set the caption to be on top of the carousel, in the bottom left corner for example.

You're saying

My current homepage uses a Carousel, but I don't like how the page bounces up and down on mobile, hence my desire to use a Fullscreen Slider...

Can you send me a link where I can see the page bouncing up and down on mobile when using a carousel? If I would fix that, I think you could use the carousel addon instead of the fullscreen slider addon.

Please send it to info@laytheme.com with a link to this topic.

@Georges when using fading for fullscreen slider, there is no need to use continuous horizontal. That's just useful for when the fading effect is disabled.

@Georges for further problems / questions like the fading not working properly, please create your own new post.

[Georges]

@arminunruh Thanks for the response, even if it’s disappointing. Fullscreen slider is actually working really well now on mobile apart from it not looping on the last slide. That’s all. Really not possible? I guess I can try and remake the page with the carousel.

As for fading, I didn’t ever mention this. That’s something that @AStudio jumped in and added to the conversation.

[Baptiste]

This post is deleted!

[Baptiste]

This post is deleted!